js video 标签

js video标签是HTML5中的一个元素，用于在网页中嵌入和播放视频。它是通过使用video标签来实现视频播放的，可以通过JavaScript来控制和操作视频的相关属性和方法。[1]
通过使用video标签，可以方便地获取视频的总时长（duration），可以使用JavaScript的querySelector方法来定位到video标签，并通过duration属性来获取总时长，例如：document.querySelector('video').duration。
要了解更多关于js video标签的用法和相关信息，可以参考js官网提供的参考文档：https://developer.mozilla.org/en-US/docs/Learn/Performance/video 。

相关问题

js video 标签功能

JS的video标签是HTML5提供的一种媒体标签，用于在网页上嵌入视频。通过video标签，我们可以实现多种功能，包括播放、暂停、音量控制、全屏等等。

其中，通过JS可以使用video标签的各种属性和方法来实现这些功能。比如，可以使用video对象的play()方法来开始播放视频，pause()方法来暂停视频的播放，currentTime属性来设置视频的播放时间等等。

另外，通过JS还可以对video标签的事件进行监听和处理。例如，可以监听video的loadedmetadata事件来获取视频的元数据，可以监听ended事件来在视频播放完毕后执行某些操作。

需要注意的是，JS本身并不能处理视频的下载功能。但是我们可以通过JS来控制视频的播放和暂停，以及监听相关事件，从而实现更加灵活和个性化的视频播放功能。

js 监听video标签全屏

要在JavaScript中监听video标签的全屏事件，可以使用bindfullscreenchange属性来绑定一个事件处理函数。在该函数中，可以通过e.detail.fullScreen属性来获取当前是否进入了全屏模式。如果fullScreen的值为true，则表示进入了全屏模式；如果值为false，则表示退出了全屏模式。以下是一个示例代码：

screenChange(e) {
  let fullScreen = e.detail.fullScreen;
  if (fullScreen) {
    // 进入全屏模式的处理逻辑
    console.log("进入全屏");
  } else {
    // 退出全屏模式的处理逻辑
    console.log("退出全屏");
  }
}

// 在video标签上绑定bindfullscreenchange事件
<video class="my-video1" id="myVideo1" bindfullscreenchange="screenChange" src="{{ossPath+'video/dunhuang-video202201051033.mp4'}}" controls='controls'></video>

在上述代码中，通过在video标签上添加bindfullscreenchange属性，并将其值设置为screenChange，即可将screenChange函数与全屏事件进行绑定。当全屏状态发生改变时，该函数会被触发，并通过e.detail.fullScreen来获取当前的全屏状态。
#### 引用[.reference_title]
- *1* *2* *3* [video标签使用（全屏的进入和监听）](https://blog.csdn.net/ys_dd/article/details/122347988)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]