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

Question

我的视频结束后会显示大播放按钮。 大播放按钮的content属性是\e001。我想用我自己的自定义图标替换内容。我想用这些font-awesome图标，以便我可以使用重播图标。有没有办法通过使用 javascript/jquery 中的 ending 事件来实现此目的？

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