我的视频结束
后会显示大播放按钮
。 大播放按钮
的content
属性是\e001
。我想用我自己的自定义图标替换内容。我想用这些font-awesome图标,以便我可以使用重播图标。有没有办法通过使用 javascript/jquery 中的 ending
事件来实现此目的?
最佳答案
user904861 的答案对我来说似乎大部分是正确的,除了:
- 您可能需要在“结束”时显示大播放按钮,除非您的 videojs 版本已经这样做了。
- 我认为 videojs 编译的字体中不包含重播图标,因此您需要包含 FontAwesome 并在类中指定字体系列。
所以你需要包括
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
然后执行以下操作:
myPlayer.on("ended", function() {
myPlayer.bigPlayButton.show()
$(".vjs-big-play-button:before").css("content", "\f01e");
$(".vjs-big-play-button:before").css("font-family", "FontAwesome");
});
关于javascript - 如何更改视频js中bigPlayButton的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17826895/