Question

188

Check if a HTML5 video is playing using jquery

rated 0 times [ 190] [ 2] / answers: 1 / hits: 26367 / 9 Years ago, wed, december 30, 2015, 12:00:00

I've written a small jquery code to override HTML 5 play function. However, I am not able to check if a video is playing or not.
Here is my jquery code

$(video).click(function() {

    var video = $(#myvideo).get(0);

    video.play();

    $(.play).css(display, none);

    return false;

});

$(#myvideo).bind(pause ended, function() {

    $(.play).css(display, block);

});

Just give me simple tips to show a div with class=pause(I have CSS for it) when the video is paused and pause the video as well.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jenamackennac

Add To Favorites

Follow

Total Points: 304

Total Questions: 110

Total Answers: 107

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

jenamackennac questions

1 React render PDF file inside component based on API response

Fri, Feb 18, 22, 00:00, 2 Years ago

1 Webpack error: configuration.module.rules[0] has an unknown property 'query'

Mon, Aug 30, 21, 00:00, 3 Years ago

1 Vue is not defined/not a constructor

Wed, Apr 21, 21, 00:00, 3 Years ago

1 WebView2 - Get an attribute

Thu, Apr 1, 21, 00:00, 3 Years ago

1 IntersectionObserver API and TypeScript

Tue, Feb 2, 21, 00:00, 3 Years ago

View All

answered 9 Years ago skylerselenem · Accepted Answer

You'd use the paused property to check if the video is paused.

If it's not paused, it's playing

$(video).click(function() {

    var video = $(#myvideo).get(0);



    if ( video.paused ) {

        video.play();

        $(.play).hide();

        $(.pause).show();

    } else {

        video.pause();

        $(.play).show();

        $(.pause).hide();

    }



    return false;

});