Question

我的视频big play button后，我正在显示ended。 content的{{1}}属性为big play button。我想用我自己的自定义图标替换内容。我想使用这些font-awesome图标，以便我可以使用重播图标。有没有办法通过在javascript / jquery中使用\e001事件来实现这一目标？

Answer 1

user904861的回答对我来说似乎最正确，除了：

你可能需要在'结束'时显示大播放按钮，除非你的videojs版本已经这样做了。
我不认为重播图标包含在videojs编译字体中，因此您需要包含FontAwesome并在您的班级中指定font-family。

所以你需要包括

<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");
});

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

2 个答案: