videojs - 如何在隐藏界面时暂停视频?

videojs - how to pause a video while hiding interface?

问题:是否可以在不显示视频控件的情况下暂停使用 video.js 播放器自动播放的视频?


我正在使用 video.js 访问网站,并在访问该网站时自动获得视频 运行。

<video id="my-video" class="video-js" controls preload="auto" data-setup='{
    "controls": false,
    "loop": "true",
    "autoplay": true, 
    "preload": "true"
    }'>
<source src="vid/gh.mp4" type='video/mp4'>

我决定隐藏控件,所以你只能看到视频。

是否可以点击视频停止播放?

我通过将控件设置为 false 来实现,我隐藏了播放按钮,从而删除了暂停视频的选项。

我仍然处于非常基础的水平,所以我不知道这是否可行 - 但我很好奇是否有办法做到这一点!

非常感谢

你可以试试这个:

<video width="320" height="240"  onclick="this.pause()" autoplay>
  <source src="{{asset('video/media_.mp4')}}" type="video/mp4">
Your browser does not support the video tag.
</video>

这将通过点击视频暂停您的视频。但是如果你想再次播放你的视频,那么你需要在 onclick 的位置使用以下行:

  onclick="this.paused ? this.play() : this.pause();"