HTML视频自动播放不会停止_Html_Twitter Bootstrap_Video_Autoplay

HTML视频自动播放不会停止

html twitter-bootstrap video

HTML视频自动播放不会停止,html,twitter-bootstrap,video,autoplay,Html,Twitter Bootstrap,Video,Autoplay,我使用一个HTML视频标签能够在我的网站上显示视频，我已经启用了自动播放功能，但是视频将在页面重新加载时播放。因此，我删除了自动播放功能，并且： <video width="600" height="315" style=" margin-bottom: 20px;" controls > <source src="video/handi.mp4" type="video/mp4"> &l

我使用一个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>


$（'body'）.on（'hidden.bs.modal'，'.modal'，function（）{
$（'video'）。触发器（'pause'）；
});

这很好，但现在当你打开模式观看视频时，它会播放，但你必须单击开始播放按钮，当你关闭模式时，它会在你停止时暂停视频，如果你打开相同的模式，你可以从停止时恢复视频。

有没有像自动播放这样的功能，当你打开模式时，它会自动打开，视频会自动播放，我想知道是否有任何重新加载功能，当你打开模式观看视频时，它会从一开始就开始，而不是从你停止的地方开始

参考本文中的答案，我已经为您尝试了

请试一试

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>

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


您的浏览器不支持视频标记。

选中此复选框，您应该收听，而不是单击

。有几种方法可以在不单击的情况下关闭模式。
$(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;                   
    });
});

<!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>