使用jquery检查HTML5video是否正在播放

我编写了一个小的jquery代码来覆盖HTML 5播放function。 但是，我无法检查video是否正在播放。 这是我的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"); }); 

只要给我一些简单的提示，在video暂停时暂停video，并使用class="pause"显示div（我有CSS）。

Answer 1

您可以使用paused属性来检查video是否已暂停。
如果它没有暂停，它正在播放

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

Answer 2

由于Jquery是Javascript的框架，您可以使用以下代码（涉及Video JS Frame工作）：

 var my_video_id = videojs('video_id'); if (my_video_id.player_.paused()) { my_video_id.player_.play(); } else { my_video_id.player_.pause(); }