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

Posted 2023-05-07

技术标签:

【中文标题】使用 jQuery 检测 HTML5 视频播放/暂停状态【英文标题】：Detecting HTML5 video play/pause state with jQuery 【发布时间】：2012-08-15 03:49:37 【问题描述】：

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

【问题讨论】：

【参考方案1】：

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

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

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

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

然后您可以使用play() 方法继续播放视频：

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

【讨论】：

【参考方案2】：

var video = $('video');

var videoElement = video.get(0);

if (!videoElement.paused)

使用 Jquery 的一种方法

【讨论】：

以上是关于使用 jQuery 检测 HTML5 视频播放/暂停状态的主要内容，如果未能解决你的问题，请参考以下文章