video全屏播放属性
时间: 2023-09-07 14:17:45 浏览: 334
视频播放全屏
5星 · 资源好评率100%
在HTML5中,可以通过将`video`元素的`controls`属性设置为`true`来启用视频控件。要将视频全屏播放,可以使用以下方法:
1. 在`video`元素中添加`fullscreen`属性,如下所示:
```html
<video src="video.mp4" controls fullscreen></video>
```
2. 通过JavaScript编写代码来实现全屏播放,如下所示:
```javascript
var video = document.querySelector('video');
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.webkitRequestFullscreen) {
video.webkitRequestFullscreen();
} else if (video.msRequestFullscreen) {
video.msRequestFullscreen();
}
```
该代码将查找第一个`video`元素并调用其`requestFullscreen`方法,以在支持的浏览器中启用全屏播放。
阅读全文