Question

最初视频被隐藏。当点击ID为3的图像时，视频是可见的。我放了一个id为'close_video'的按钮，它将隐藏播放器。问题仍在运行视频。暂停这个？

代码是：

  <div id="video" class="popup-video">
                <div class="video">
                    <div class="close_video" id="close_video">
                        </div>
                        <video id="id_video" width="400" height="257" controls="controls" preload="auto">
                          <source src="{$content_dir}themes/trendy/video/Wildlife.mp4" type="video/mp4" />    
                        </video>                         
                </div>
    </div>  

<script>
   $(document).ready(function(){
      $('#3').click(function(){
        $("#video").removeClass("popup-video").addClass("popup-video-show");
      });
   });
</script>
<script>
   $(document).ready(function(){
       $('#close_video').click(function(){
         $("#video").removeClass("popup-video-show").addClass("popup-video");
       });
  });
</script>

我试过了：

<script>
   $(document).ready(function(){
      $('#close_video').click(function(){
         $("#video").removeClass("popup-video-show").addClass("popup-video");
         document.getElementById('id_video').pause();
         // and $("#id_video").pause();
       });
   });
</script>

但没有效果。视频消失，但仍在运行

Answer 1

使用jQuery时，首先需要使用'get'：

$('#videoId').get(0).pause()

Answer 2

通常，您只需点击视频暂停/播放即可。

而不是使用pause()尝试使用click()

Answer 3

使用HTML5时，请使用：

document.getElementById(\"movie_player\").click()

它对我有用。

如何使用javascript暂停html5视频？

3 个答案: