Как удалить большую кнопку воспроизведения в конце воспроизведения видео (VideoJS)

Question

Я разместил это на форумах VideoJS, но пока не получил ответа, я надеялся, что смогу помочь здесь. :)

Я пытаюсь удалить «большую кнопку воспроизведения», которая появляется, как только видео закончит воспроизведение в видео js.

Я пробовал многочисленные шкуры/шоу, но, похоже, не смог его исчезнуть в конце. Я получил его, чтобы скрыть сначала, просто изменив css, но я ничего не нашел для конца. Я использую самую последнюю версию Video JS, и поэтому старые исправления, которые я нашел, не работают.

Пожалуйста, помогите. Заранее спасибо!

Answer 1

Просто удалите/измените CSS, он там. Ни линия 328 до 360 в видео-js.css

https://github.com/zencoder/video-js/blob/master/design/video-js.css

Answer 2

CSS-ответ лучше, если вы могли бы быть лучше, скрывая его в своих собственной таблице стилей, так что вы можете перейти на более поздние версии Video.js без вопрос. Это должно сделать это.

.video-js.vjs-default-skin .vjs-big-play-button { display: none; } 

Вы также можете удалить строку, которая включает в себя компонент bigPlayButton, но это было бы реально предотвратить легкую модернизацию.

https://github.com/zencoder/video-js/blob/master/src/core.js#L69

Answer 3

Их Javascript добавляет класс на идентификатор, чтобы указать видео закончил играть. Добавить следующую строку css:

.vjs-paused .vjs-big-play-button { display: none; }