使用jquery检查是否正在播放HTML5视频

Question

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

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

只需给我一些简单的提示,以便class="pause"在视频暂停时显示div (我有CSS),并暂停视频.

Answer 1

您将使用该paused属性检查视频是否已暂停.
如果它没有暂停,它正在播放

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