时间戳

首页 > 解决方案 > videojs - 如何在隐藏界面时暂停视频？

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

问题描述

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

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

非常感谢

标签： htmlcssvideo.js

解决方案

你可以试试这个：

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

推荐阅读