Как изменить содержимое bigPlayButton в видео js?

Question

Я показываю big play button после того, как мое видео имеет ended. Объект contentbig play button - \e001. Я хочу заменить содержимое своим собственным значком. Я хочу использовать эти значки font-awesome, чтобы я мог использовать значок воспроизведения. Есть ли способ сделать это, используя событие 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

Посмотрите на Юникод шрифта Awesome на http://fortawesome.github.io/Font-Awesome/cheatsheet/.

Затем вы можете изменить кнопку воспроизведения на ended события: ответ

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