How to check if my HTML5 video is playing?

Asked Feb 12 '15 at 10:53

Active Feb 12 '15 at 10:53

Viewed 62 times

I have a playbutton on my HTML5 video that makes my video play and go into fullscreen mode. This is the code for that:

var video = $("#vid");
var playthis = $(".play");
playthis.on('click', function(e){
    var vid = video[0];
    vid.play();
    if (vid.requestFullscreen) {
      vid.requestFullscreen();
    } else if (vid.mozRequestFullScreen) {
      vid.mozRequestFullScreen();
    } else if (vid.webkitRequestFullscreen) {
      vid.webkitRequestFullscreen();
    }
});

What I want to do is to check if my video is playing already, and then hide the play-button. If the video is stopped or paused it should be shown.

Should be easy but it's something that goes wrong.

asked Feb 12 '15 at 10:53

Henric Åkesson

video.paused http://stackoverflow.com/q/8599076/2645202 – Timotheus0106 Feb 12 '15 at 10:57
No clear answers in these posts what I could find. – Henric Åkesson Feb 12 '15 at 11:00
if the Play button is hidden, do you still have a Pause/Stop button to change state? – Offbeatmammal Feb 12 '15 at 14:35

How to check if my HTML5 video is playing?

0 Answers0