videojs - 隐藏界面时如何暂停视频？-Java 学习之路

问题：是否可以暂停使用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，我隐藏了播放按钮，因此删除了暂停视频的选项 .

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

非常感谢

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

回复于 2024-05-02T10:15:27+08:00

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

1 回答

相关问题