Javascript 如何在网页上的QuickTime视频上放置可单击的图像?

Javascript 如何在网页上的QuickTime视频上放置可单击的图像?,javascript,jquery,video,quicktime,Javascript,Jquery,Video,Quicktime,我有一个在WordPress上运行的网站。标题中有一个DIV,其中包含一个嵌入的QuickTime视频(控件已关闭,需要保持这种状态)。我有一个应该浏览视频的图像,当用户点击它时,视频应该显示并播放 我认为,如果我在CSS和Javascript上乱搞了足够长的时间,我可以让图像消失,并在单击时陶醉于嵌入的视频,但我不知道如何让视频从同一个“onclick”事件开始。这里的另一个注意事项是:我更喜欢使用jQuery来实现这一点,因为我通常使用jQuery。但任何有效的方法都是有效的 这让我发疯,因

我有一个在WordPress上运行的网站。标题中有一个DIV,其中包含一个嵌入的QuickTime视频(控件已关闭,需要保持这种状态)。我有一个应该浏览视频的图像,当用户点击它时,视频应该显示并播放

我认为,如果我在CSS和Javascript上乱搞了足够长的时间,我可以让图像消失,并在单击时陶醉于嵌入的视频,但我不知道如何让视频从同一个“onclick”事件开始。这里的另一个注意事项是:我更喜欢使用jQuery来实现这一点,因为我通常使用jQuery。但任何有效的方法都是有效的


这让我发疯,因为我找不到任何关于如何做到这一点的好信息!非常感谢您的帮助。

如果您已经有一个包含视频的DIV,您可以创建另一个包含图像的相同大小的DIV。最后,将image DIV设置为更高,并将其浮动到video DIV上


我认为这应该行得通。

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

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

最简单的方法是简单地使用视频元素在页面上播放所需的媒体。在这一点上,它就像页面上的任何其他元素一样,与定位元素的z索引顺序无缝交互

下面是一个用法示例:


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

我确实这样做了,但我在尝试使用JavaScript创建用户单击图像的效果时遇到了麻烦,然后视频不仅显示,而且播放。不过,我最终还是得到了别人的脚本帮助。谢谢你的建议。幸运的是,我有人给我写了一个小脚本,它很有效。谢天谢地,我最终让提供视频的人以更小的格式提供了视频。装载时间太长了。