javascript - 点击即可播放视频

Question

我正在尝试让视频在视频点击时播放，甚至是视频周围的包装。我的页面上有多个视频。我尝试了一些解决方案，包括下面的脚本，但不起作用。

    $('video').click(function(){
        this[this.paused ? 'play' : 'pause']();
    });

我的 HTML 是

<div class="video">
    <video width="100%" height="100%">
        <source src="video/my-video.mp4" type="video/mp4" class="">
    </video>
</div>

Answer 1

您是否尝试使用 div 包装类而不是视频元素？ :

$(document).ready(function(){
  $('.video').click(function(){
           var myVideo = $(this).find("video")[0];
           myVideo.paused ? myVideo.play() : myVideo.pause()
      });
});

这是一个工作示例:https://codepen.io/andreds/pen/MrGNeq