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 ]