jquery - 在 video.js 播放器上暂停播放

标签 jquery html video video.js

我有一个简单的模态窗口,其中有视频(使用 Video.js)。我正在打开它并使用 jquery 单击关闭它。如果用户在任何时候关闭窗口,我需要视频暂停/停止。由于某种原因我无法让它工作。我已经搜索了一段时间并得到了相同的答案,所以它应该很简单,但有些东西导致它不起作用。任何帮助将不胜感激!

<a href="#" class="video1"></a>

<div class="modal" id="video1" style="display:none;">
    <div class="modalBg"></div>
    <div class="videoContainer">
        <div class="closeBtn"></div>
        <div class="video">
            <video id="vid1" class="video-js vjs-default-skin" controls preload="none" width="auto" height="auto" data-setup="{}">
                <source src="video/video.mp4" type='video/mp4' />
            </video>
        </div>
    </div>
</div>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {

        $(".closeBtn").click(function() {
            $(".modal").hide();
            $("#vid1").player().pause();
        });

        $(".video1").click(function() {
            $("#video1").show();
        });

        $('video').on('ended',function(){
            $(".modal").hide();
        });
    });
</script>

我已经在头部包含了所有必要的 video.js 文件,不认为在这里包含这些引用很重要。

最佳答案

明白了...

这适用于暂停所有视频:

$('video').each(function() {
    $(this).get(0).pause();
});

这适用于播放特定视频:

$("#video1 video").get(0).play();

关于jquery - 在 video.js 播放器上暂停播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26765076/

相关文章:

jquery - 动画延迟,但在页面加载/函数触发时立即启动

ios - 使用自定义相机 UI 录制视频但阻止保存

html - Tumblr 托管的视频流体宽度和高度

javascript - 为用户离开意图创建布局

html - CSS:导航栏并在其下放置 div

html - 如何在我的 iOS 应用程序中打开 disqus 的评论

opencv - 用 VP9 编码 mp4 视频时应该使用什么fourcc?

Jquery 滑动切换不起作用

javascript - 带有 CSS 过渡的 Firefox 中奇怪的像素移动/跳跃

javascript - 为什么 jquery 调整大小不起作用?