video标签全屏js
时间: 2023-10-20 09:35:09 浏览: 138
一个可以支持视频背景全屏播放的js
要将 video 标签全屏,可以使用 JavaScript 来实现。下面是一个示例代码:
```javascript
// 获取 video 元素
var video = document.querySelector('video');
// 检查是否支持全屏 API
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.mozRequestFullScreen) { // Firefox
video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) { // Chrome, Safari and Opera
video.webkitRequestFullscreen();
} else if (video.msRequestFullscreen) { // IE/Edge
video.msRequestFullscreen();
}
```
以上代码将会触发浏览器的全屏模式,并将 video 元素填充整个屏幕。请确保在页面加载完成后执行该代码,可以通过将代码放在 `window.onload` 或者其他适当的事件处理函数中来实现。
阅读全文