How can I make the vjs-big-play-button appear when the video is paused?

javascript html5-video video.js
user3901281 picture user3901281 · Aug 2, 2014 · Viewed 10.6k times · Source

I am presently tinkering with video.js, an open source HTML5 video player. There is this big-play-button (button name) which is shown before the video is started. Upon clicking the button "play", it disappears until the page is refreshed and the video has reloaded.

Example

I would like to modify the code so that the button re-appears when the video is paused.

Answer

Pete picture Pete · Jul 27, 2017

FWIW, in January 2017, someone made a change that displays the big-play-button on pause just by adding this class: vjs-show-big-play-button-on-pause

Related questions

Video.js enter fullscreen on play

I've been searching around for a long time but still haven't found a valid solution for my problem. I just cant seem to get the video player to enter fullscreen. The API does have many examples but none of them …

Read More
Initialize a Video.js player on a ajax loaded part of the page

The video player actually loads fine. My actual problem is when I refresh some parts of my page with AJAX and those parts contains a video player, the HTML5 player loads fine, but not the Video.js part that customizes …

Read More
How do I add new Video entirely from JavaScript?

I am trying to add a new VideoJS object and set it up entirely from JS, without having a DOM video element. The result is that the video is loaded but there aren't any VideoJS controls. Here is the code: …

Read More