如何删除视频播放结束时的大播放按钮(VideoJS)

时间:2012-06-17 18:20:18

标签: javascript html5 video html5-video video.js

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

我正在尝试删除视频播放视频js后显示的“大播放按钮”。

我尝试了很多隐藏/演出但似乎无法让它在最后消失。我只是通过简单地改变css就把它隐藏起来了,但我没有找到任何结果。我正在使用最新版本的Video JS,因此我发现的旧修补程序无效。

请帮忙。提前谢谢!

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

只需删除/更改CSS,它就在那里。 在video-js.css

中,这是328行直到360

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

答案 2 :(得分:0)

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

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