Как поместить кликабельное изображение поверх видео QuickTime на веб-странице?

Question

У меня есть сайт, который работает на WordPress.В заголовке есть DIV, который содержит встроенное видео QuickTime (элементы управления отключены и должны оставаться такими).У меня есть изображение, которое должно пройти через видео, и когда пользователь нажимает на него, видео должно быть открыто и воспроизведено.

Я думаю, что если я достаточно долго возился с CSS и JavascriptЯ мог бы заставить изображение исчезнуть и получить удовольствие от встроенного видео при нажатии, но я не знаю, как заставить видео начать то же самое событие "onclick".Еще одно замечание: я предпочитаю использовать для этого jQuery, поскольку именно с этим я обычно работаю.Но все, что работает, работает.

Это сводит меня с ума, потому что я не могу найти хорошую информацию о том, как это сделать!Заранее большое спасибо за помощь.

Answer 1

Нет хорошего способа сделать это при рендеринге видео с помощью плагина QuickTime. Плагины оптимизированы для повышения производительности и обычно отображаются поверх остальных «нативных» элементов на вашей странице.

Кажется, я помню, что в плагине недавно был добавлен атрибут wmode = "transparent" или "opaque", аналогичный тому, который используется с плагином Flash, но производительность, как правило, страдает, потому что рендереру плагина часто приходится переключаться для рендеринга в программном обеспечении, поскольку оно объединяет видео с элементом, который у вас есть над ним, и, возможно, с элементами под ним.

Самое простое, что нужно сделать, это просто использовать элемент видео для воспроизведения нужного мультимедиа на своей странице. В этот момент он является элементом, подобным любому другому на странице, и беспрепятственно взаимодействует с порядком расположения элементов по z-индексу.

Пример использования здесь: http://dev.opera.com/articles/view/introduction-html5-video/

Возможно, вам понадобится вложить видео с разным кодированием в виде элементов видео на странице, чтобы различные пользовательские агенты с поддержкой разных кодов могли воспроизводить видео. Но простое добавление элемента видео и указание его на текущее видео QuickTime будет работать так же, как простой объект с использованием плагина QT.

Answer 2

Если у вас уже есть DIV, содержащий видео, вы можете создать еще один DIV такого же размера, который содержит ваше изображение.Наконец, установите изображение DIV с более высоким z-index и поместите его поверх видео DIV.

Я думаю, что это должно работать.