javascript - 如何更改视频js中bigPlayButton的内容？

Question

我正在显示big play button我的视频后的ended. 的content属性big play button是\e001。我想用我自己的自定义图标替换内容。我想使用这些字体很棒的图标，以便我可以使用重播图标。有没有办法通过ended在 javascript/jquery 中使用事件来实现这一点？

Answer 1

user904861 的回答对我来说似乎大部分是正确的，除了：

1. 您可能需要在“结束”时显示大播放按钮，除非您的 videojs 版本已经这样做了。
2. 我不认为重播图标包含在 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");
});

请参阅以下位置的工作示例：http: //jsbin.com/uqukot/10/edit

Answer 2

在http://fortawesome.github.io/Font-Awesome/cheatsheet/上查找 Font Awesome 图标的 unicode 。

然后您可以覆盖事件上的播放按钮ended：

myPlayer.on("ended", function() {
  $(".vjs-big-play-button:before").css("content", "\f01e");
});