У меня возникли проблемы с получением выпадающего меню (jQuery) для воспроизведения поверх видео HTML 5. Когда видео еще не началось, например, при первой загрузке страницы, это нормально. Однако, как только видео начинает воспроизводиться, и даже после того, как оно останавливается, выпадающие меню над видео начинают перемешиваться в Safari, а в Chrome текст вообще отсутствует. В Firefox текст отображается так же, как при воспроизведении видео.
Код для заголовка находится в php-файле над iframe, который воспроизводит видео. Таким образом, заголовок проходит вниз через iframe, оставаясь сверху.
Вот несколько скриншотов, чтобы увидеть, о чем я говорю (Переполнение стека не позволило бы мне публиковать изображения напрямую, но вот ссылки):
FIREFOX
http://oi41.tinypic.com/qpm16a.jpg
Если вам нужно увидеть код, вот ссылка на страницу, где вы можете просмотреть исходный код:
http://filmlook.com/e_website/
(Я не смог опубликовать больше ссылок или изображений из-за статуса noob, но вы можете проверить сайт самостоятельно, чтобы увидеть, в чем проблема.)
Очевидно, я хотел бы сохранить код в основном без изменений, но если бы была другая система меню, которую я мог бы использовать, которая могла бы работать лучше, или любые другие опции, я все услышу.
Кроме того, я тоже вроде как новичок с кодом, поэтому, пожалуйста, постарайтесь объяснить свои ответы как можно лучше.
Спасибо