videojs获取全屏点击事件
时间: 2023-09-11 07:08:47 浏览: 328
JS缩略图全屏视频切换特效
您可以使用 Video.js 提供的 `fullscreenchange` 事件来监听全屏切换的点击事件。以下是一个示例代码:
```javascript
const player = videojs('my-video');
player.on('fullscreenchange', function() {
if (player.isFullscreen()) {
// 进入全屏
console.log('进入全屏');
// 在这里执行您想要的操作
} else {
// 退出全屏
console.log('退出全屏');
// 在这里执行您想要的操作
}
});
```
在上述代码中,我们首先通过 `videojs()` 方法获取到视频播放器实例,并且将其赋值给 `player` 变量。然后,我们使用 `on()` 方法监听 `fullscreenchange` 事件。当全屏状态发生改变时,会触发回调函数。在回调函数中,我们可以通过 `player.isFullscreen()` 方法判断当前是否处于全屏状态,然后执行相应的操作。
请注意,您需要确保已经正确引入 Video.js 库,并且在 HTML 中有对应的视频元素,其 ID 为 `my-video`。
阅读全文