HTML5-видео вызывает странный сбой в CSS: парящий переход, не работает хорошо, кросс-браузер - PullRequest
Новая
       33

HTML5-видео вызывает странный сбой в CSS: парящий переход, не работает хорошо, кросс-браузер

1 голос
/ 18 июня 2011

У меня есть моя главная страница здесь: http://thenozzle.net/

Логотип в верхней части страницы представляет собой спрайт, который переключается между верхом и низом, создавая эффект свечения. Это делается с помощью css transition и псевдоэлемента: hover.

Однако недавно я добавил видеопроигрыватель HMTL5 «projekktor». Это работает очень хорошо, но если вы запустите видео, а затем при наведении курсора на логотип, он вылетает, когда вы наводите курсор мыши.

Кроме того, Google Chrome не воспроизводит видео с сайта ea.com. Поле битвы 3 клипа. Хром не будет играть, эти две вещи сводят меня с ума. Могут ли они быть связаны? Что я делаю не так?

Домашняя страница Projekktor: http://www.projekktor.com/

Он работает по-разному в каждом браузере. Ужасно медленно в Firefox, но он играет. Идеально в Safari, в Chrome он вообще не будет играть, но у Safari блестящий логотип. Есть идеи?

1 Ответ

1 голос
/ 18 июня 2011

Я исправил это. Я удалил 1 из двух якорей, удалил свойство text-indent заголовка из div и поместил его на один якорь. Странная проблема, странное решение. Для дальнейшего использования не пытайтесь делать текстовые отступы, которые скрыты на глубину более одного уровня, на вашем ролловере он будет скачкообразно перемещаться взад-вперед. 

<div title="The Nozzle" id="headerlogo">
    <div title="The Nozzle" id="logo1"></div>
    <a style="text-indent:-9999px" title="The Nozzle" href="http://thenozzle.net/"><div title="The Nozzle" id="logo2"></div>The Nozzle</a>
</div>
...