如何将可点击的图像放在网页上的QuickTime视频上？

Question

我有一个在WordPress上运行的网站。标题中有一个DIV，其中包含一个嵌入的QuickTime视频(控件已关闭，需要保持原样)。我有一个图像，应该通过视频，当用户点击它，视频应该显示和播放。

我认为如果我花足够长的时间摆弄CSS和Javascript，我可以让图片消失，并在点击时陶醉于嵌入的视频，但我不知道如何让视频在同样的"onclick“事件上开始。这里还有一个注意事项:我更喜欢使用jQuery来做这件事，因为这是我经常使用的。但只要能起作用就行。

这让我抓狂，因为我找不到任何关于如何做到这一点的好信息！提前感谢你帮了我大忙。

Answer 1

如果您已经有包含视频的DIV，则可以创建包含您的图像的另一个相同大小的DIV。最后，设置具有较高z-index的图像DIV，并将其浮动在视频DIV上。

我想这应该行得通。

Answer 2

在使用QuickTime插件渲染视频时，确实没有好的方法可以做到这一点。插件针对性能进行了优化，通常呈现在页面中的其他“原生”元素之上。

我似乎记得最近在插件中引入了wmode=“透明”或“不透明”属性，类似于Flash插件，但性能通常会受到影响，因为插件渲染器通常需要切换到软件渲染，因为它将视频与您在其上的元素合成在一起，也可能在其下合成元素。

最简单的做法是简单地使用视频元素在页面上播放您想要的媒体。在这一点上，它是一个类似于页面上任何其他元素的元素，并且与所定位元素的z索引排序无缝地交互。

用法的示例如下：http://dev.opera.com/articles/view/introduction-html5-video/

您可能需要将不同编码的视频作为视频元素嵌套在页面中，以便支持不同代码的各种用户代理可以播放视频。但是，只需添加视频元素并将其指向您当前的QuickTime视频，就像使用QT插件创建一个简单的对象一样。