我看了几个问题,想知道是否有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");
    }
  }
}

推荐答案

Note : This answer was given in 2011. Please check the updated documentation on HTML5 video before proceeding.

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

视频元素在获取其播放状态时没有属性.但是有一个事件"正在播放",它会在开始播放时被触发.当停止播放时,也会触发一个名为"End"的事件.

因此,解决方案是:

  1. 声明一个变量videoStatus.
  2. 为不同的视频事件添加事件处理程序.
  3. 使用事件处理程序更新videoStatus.
  4. 使用videoStatus标识视频的状态.

This page will give you a better idea about video events. Play the video on this page and see how the events are triggered.
http://www.w3.org/2010/05/video/mediaevents.html

Html相关问答推荐

springBoot + Thymeleaf:基于Locale设置页面语言

每次在视口中运行动画

将网格包装在css中

将ANGLE模板高效地迁移到ANGLE 17中引入的新语法

如何在伪元素背景中定位多个CSS径向梯度

创建一个带有div和径向渐变的全宽半圆

我无法从带Angular 的Bootstrap 5中的表单中获取数据

如何将内容元素放在侧边栏旁边?

希望平稳过渡到悬停状态

如何使VS代码支持以模仿嵌套的方式对已经包含注释的HTML进行注释?

如何使用 HTML 将对象数组发送到 Nodejs Express

下划线在 Bootstrap 5 导航链接下无法正常工作

当我们在vue中使用截断大文本时如何显示标题属性?

在HTML使用link标签导入外部CSS时出现元素link不允许使用尾斜杠错误

如何消除线性渐变线的模糊?

什么没有 margin-right 和 width:100% 溢出子元素到左边?

如何为某些行具有 rowspan 的表的每个奇数行着色

如何使用 CSS 和 HTML 将文本放入图像中?

Tailwind CSS 复选框样式不起作用

如何自定义具有白色透明背景的光标图像?