使用jquery检查HTML5视频是否正在播放 [英] Check if a HTML5 video is playing using jquery

问题描述

我编写了一个小的jquery代码来覆盖HTML 5播放功能。但是，我无法检查视频是否正在播放。
这是我的jquery代码

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");
});

只需给我一些显示div的简单提示 class =pause （我有CSS）当视频暂停并暂停视频时。

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.

推荐答案

您将使用已暂停的属性来检查视频是否已暂停。

如果未暂停，则播放

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;
});

这篇关于使用jquery检查HTML5视频是否正在播放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！