videojs - 如何在隐藏界面时暂停视频？答案

【问题标题】：videojs - how to pause a video while hiding interface?videojs - 如何在隐藏界面时暂停视频？
【发布时间】：2018-05-28 17:34:35
【问题描述】：

问题：是否可以暂停使用 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 来实现，我隐藏了播放按钮，从而删除了暂停视频的选项。

我仍然处于非常基础的水平，所以我不知道这是否可能 - 但我很想知道是否有办法做到这一点！

非常感谢

【问题讨论】：

标签： html css video.js

【解决方案1】：

你可以试试这个：

<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();"

【讨论】：

不错！太感谢了！编辑：再次点击时能够再次播放它会非常酷。会不会工作量太大？
这很容易。我已经编辑了代码。只需按照最后一行。我希望你能理解。如果发生任何混淆，请不要犹豫再次询问。
酷，它有效！我理解正确吗？：首先它询问“this”（意思是我的视频）是否暂停？如果没有暂停则播放，否则（如果没有暂停）暂停。
是的。你说的对。但是第一个条件检查它是否暂停然后播放。否则就完美了。
非常感谢 rdhawladar。干得好！