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

Answer 2

您检查过视频路径了吗？您的问题的可能原因如下：

您的视频在此处：http://<your-domain>/video/my-video.mp4

您在页面上运行脚本：http://<your-domain>/mypage

在这种情况下，您的视频元素会在http://<your-domain>/mypage/video/my-video

中查找视频文件

解决方案是通过指定视频文件的绝对路径来更新视频元素：

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

在这种情况下，视频元素将完全从http://<your-domain>/video/my-video.mp4

获取视频

视频播放点击

2 个答案: