Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery检查是否正在播放HTML5视频_Javascript_Jquery_Css_Html_Video - Fatal编程技术网

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

Javascript 使用jquery检查是否正在播放HTML5视频,javascript,jquery,css,html,video,Javascript,Jquery,Css,Html,Video,我已经编写了一个小jquery代码来覆盖HTML5播放函数。但是,我无法检查是否正在播放视频。 这是我的jquery代码 $("video").click(function() { var video = $("#myvideo").get(0); video.play(); $(".play").css("display", "none"); return false; }); $("#myvideo").bind("pause ended", function

我已经编写了一个小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;
});

因为Jquery是Javascript的框架 您可以使用以下代码(涉及视频JS框架):


什么是videojs?
var my_video_id = videojs('video_id');

if (my_video_id.player_.paused()) {
      my_video_id.player_.play();
} else {
      my_video_id.player_.pause();
}