如何更改視頻js中bigPlayButton的內容？

Question

我的影片有ended後，我正在顯示big play button。 big play button的content財產是\e001。我想用我自己的自定義圖標替換內容。我想要使​​用這些font-awesome圖標，以便我可以使用重播圖標。有沒有辦法通過在javascript/jquery中使用ended事件來實現此目的？

Answer 1

user904861的答案似乎大多是正確的我，除了：

1. 您可能需要顯示在'大播放按鈕結束「，除非你的videojs版本已經這樣做了。
2. 我不認爲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"); 
});