7

最初はビデオが非表示になっています。ID の画像をクリックすると3、動画が表示されます。close_videoプレイヤーを非表示にする ID 付きのボタンを配置します。問題は、ボタンをクリックした後もビデオが実行されていることです。ビデオを一時停止するにはどうすればよいですか?

コードは次のとおりです。

<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

0

HTML5 を使用する場合は、次を使用します。

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

わたしにはできる。

于 2018-01-31T14:07:26.447 に答える