javascript – 检测HTML5视频元素是否正在播放

2019-09-18 05:34:09 阅读：198 来源： 互联网

标签：javascript html5 video javascript-events html5-video

我已经查看了几个问题,以确定HTML5元素是否正在播放,但无法找到答案.我查看了W3文档,它有一个名为“播放”的事件,但我似乎无法让它工作.

这是我目前的代码：

var stream = document.getElementsByTagName('video');

function pauseStream() {
  if (stream.playing) {
    for (var i = 0; i < stream.length; i++) {
      stream[i].pause();
      $("body > header").addClass("paused_note");
      $(".paused_note").text("Stream Paused");
      $('.paused_note').css("opacity", "1");
    }
  }
}

解决方法:

注意：此答案于2011年提供.请在继续之前查看有关HTML5视频的更新文档.

如果您只想知道视频是否已暂停,请使用标记stream.paused.

获取播放状态的视频元素没有属性.但是有一个“玩”的事件会在它开始播放时被触发.当游戏停止播放时会触发“已结束”事件.

所以解决方案是

> decalre一个变量videoStatus
>为不同的视频事件添加事件处理程序
>使用事件处理程序更新videoStatus
>使用videoStatus来识别视频的状态

此页面可让您更好地了解视频事件.在此页面上播放视频,了解如何触发事件.
http://www.w3.org/2010/05/video/mediaevents.html

标签：javascript,html5,video,javascript-events,html5-video
来源： https://codeday.me/bug/20190918/1810674.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 检测HTML5视频元素是否正在播放