如何在视频播放结束时删除大播放按钮（VideoJS）

Posted 2023-05-08

【中文标题】如何在视频播放结束时删除大播放按钮（VideoJS）

【英文标题】：How do I remove the big play button at the end of a video playing (VideoJS)

【发布时间】：2012-06-19 21:11:43

【问题描述】：

我在 VideoJS 论坛上发布了这个，但还没有收到回复，我希望我能在这里得到一些帮助。 :)

我正在尝试删除在视频 js 中播放完视频后出现的“大播放按钮”。

我尝试了无数次隐藏/表演，但似乎无法让它最终消失。我通过简单地改变css一开始就隐藏了它，但最后我什么也没找到。我使用的是最新版本的 Video JS，因此我发现的旧修复不起作用。

请帮忙。提前谢谢！

【参考方案1】：

CSS 答案是最好的，尽管您最好将其隐藏在自己的样式表中，这样您就可以毫无问题地升级到更高版本的 Video.js。应该这样做。

.video-js.vjs-default-skin .vjs-big-play-button  display: none; 

您也可以删除包含 bigPlayButton 组件的行，但这确实会妨碍升级。

https://github.com/zencoder/video-js/blob/master/src/core.js#L69

【参考方案2】：

只需删除/更改 CSS，它就在其中。 video-js.css 中的第 328 行到第 360 行

https://github.com/zencoder/video-js/blob/master/design/video-js.css

【讨论】：

您提供的链接不可用。

【参考方案3】：

他们的 javascript 在 id 上添加了一个类，以指示视频已播放完毕。添加以下 css 行：

.vjs-paused .vjs-big-play-button  display: none;