我正在使用jQuery工具进行覆盖。在叠加层内,我有一个HTML5视频。但是,当我关闭叠加层时,视频继续播放。任何想法,当我关闭叠加层时,如何让视频停止?这是我的代码:
$("img[rel]").overlay({ onClose: function() { <stop the video somehow> },mask: { color: '#000',opacity: 0.7 }});
我试过使用
$('video').pause();
但是这也暂停了覆盖。
解决方法
问题可能是您选择的jquery选择器
$(“video”)不是选择器
$(“video”)不是选择器
正确的选择器可以放置用于视频标签的id元素,即
假设您的视频元素如下所示:
<video id="vid1" width="480" height="267" oster="example.jpg" durationHint="33"> <source src="video1.ogv" /> <source src="video2.ogv" /> </video>
然后,您可以通过$(“#vid1”)与jquery中的哈希标记(#),id选择器进行选择。
如果视频元素在功能上公开,那么您可以访问HtmlVideoElement(HtmlMediaElement)。这个元素可以控制视频元素,在这种情况下,您可以为您的视频元素使用pause()方法。