jquery – HTML5视频停止关闭

前端之家收集整理的这篇文章主要介绍了jquery – HTML5视频停止关闭前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery工具进行覆盖。在叠加层内,我有一个HTML5视频。但是,当我关闭叠加层时,视频继续播放。任何想法,当我关闭叠加层时,如何让视频停止?这是我的代码
$("img[rel]").overlay({ onClose: function() { <stop the video somehow> },mask: { color: '#000',opacity: 0.7 }});

我试过使用

$('video').pause();

但是这也暂停了覆盖。

解决方法

问题可能是您选择的jquery选择器
$(“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()方法

检查VideoElement here的参考。
还要检查是否有后退参考here

猜你在找的jQuery相关文章