我有一个简单的模态窗口,其中有视频(使用 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/