使用jQuery检测HTML5视频播放/暂停状态

Question

我正在构建一个jQuery幻灯片，其中一个幻灯片上有一个HTML5视频播放器。除了“幻灯片播放/暂停”按钮之外，还有什么方法可以让jQuery幻灯片显示从其自动运行状态暂停，当它检测到视频正在播放时？

Answer 1

您可以使用paused属性检查视频是否已暂停：

$("#videoID").get(0).paused;

您可以使用pause()方法暂停视频：

$("#videoID").get(0).pause();

然后，您可以使用play()方法恢复视频播放：

$("#videoID").get(0).play();

Answer 2

var video = $('video');

var videoElement = video.get(0);

if (!videoElement.paused) {} 

使用Jquery

执行此操作的一种方法