HTML 视频自动播放不会停止答案

【问题标题】：HTML video autoplay wont stopHTML 视频自动播放不会停止
【发布时间】：2015-03-04 09:44:13
【问题描述】：

我正在使用 HTML 视频标签来在我的网站上显示视频，我启用了自动播放功能，但随后视频会在页面重新加载时播放。所以我删除了自动播放功能，我有：

<video width="600" height="315" style=" margin-bottom: 20px;" controls >
                      <source src="video/handi.mp4" type="video/mp4">
                    </video> 


 <script>    
        $('body').on('hidden.bs.modal', '.modal', function () {
        $('video').trigger('pause');
        });
    </script>

这很好用，但是现在当你打开一个模式来观看视频时，它会播放，但你必须点击开始播放按钮，当你关闭模式时，它会在你停止时暂停视频，如果你打开相同的模式，您可以从停止时恢复视频。是否有像自动播放这样的功能，当您打开模式时它会打开它并自动播放视频，而且我想知道是否有任何重新加载功能，当您打开任何模式观看视频时，它会从头开始不是从你停下来的地方。

【问题讨论】：

查看link

标签： html twitter-bootstrap video autoplay

【解决方案1】：

参考此page 中的答案，我已经为您尝试过这个..

请试一试..

HTML

<div id="simpleModal" class="modal">
   <video id="videoContainer" controls autoplay width="560" height="315">
      <source  src="video/arch_1.mp4" type="video/mp4">
   </video> 
   <a href="" id="closeSimple">Close</a>
</div>

脚本

$(document).ready(function(){
    $("#showSimpleModal").click(function() {
        $("div#simpleModal").addClass("show");
        $("#videoContainer")[0].play();
        return false;   
    });

    $("#closeSimple").click(function() {
        $("div#simpleModal").removeClass("show");
        $("#videoContainer")[0].pause();
        return false;                   
    });
});

【讨论】：

您应该收听hide.bs.modal event 而不是click。有一些方法可以在不点击的情况下关闭模式。

【解决方案2】：

您好，根据 w3schools.com，如果您删除自动播放，它将停止自动播放。这是学校和代码的链接。

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

</body>
</html>

【讨论】：