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

Check if a HTML5 video is playing using jquery

本文关键字：jquery 播放 HTML5 视频 是否 检查      更新时间：2023-09-26

我写了一个小jquery代码来覆盖HTML5播放函数。但是，我无法检查是否正在播放视频。这是我的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），也可以暂停视频。

您可以使用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;
});

As Jquery是Javascript的框架您可以使用以下代码（涉及视频JS帧工作）：

var my_video_id = videojs('video_id');
if (my_video_id.player_.paused()) {
      my_video_id.player_.play();
} else {
      my_video_id.player_.pause();
}
相关文章：