7

最初视频是隐藏的。当您单击带有 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>

还是没有效果。视频消失了,但仍在播放。

4

3 回答 3

15

使用 jQuery 时,您需要先使用“get”:

$('#videoId').get(0).pause()
于 2013-04-24T14:16:28.690 回答
0

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

而不是使用pause()try 使用click()

于 2013-04-24T14:15:38.353 回答
0

使用 HTML5 时,请使用:

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

这个对我有用。

于 2018-01-31T14:07:26.447 回答