Javascript 使用jquery检查是否正在播放HTML5视频
我已经编写了一个小jquery代码来覆盖HTML5播放函数。但是,我无法检查是否正在播放视频。 这是我的jquery代码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
$("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();
}