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

Question

我写了一段小的 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"（我已经为其编写了CSS），同时也暂停视频。

- Kilvish Shakal

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

- adeneo

Answer 2

由于Jquery是Javascript的框架，您可以使用以下代码（涉及Video 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();
}

- shaikdev305

---

什么是videojs？ - LowFieldTheory