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();"
问题:是否可以在不显示视频控件的情况下暂停使用 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();"