在HTML中,`
以下是详细的使用说明:
基本用法
基本的`
- `src` 属性:指定视频文件的路径。
- `controls` 属性:添加浏览器默认的控件,如播放、暂停按钮和进度条等。
支持多种格式
由于不同的浏览器支持不同的视频格式,为了最大程度的兼容性,你可以提供多个视频源:
- `
- `type` 属性:指定视频文件的MIME类型。
其他属性
`
- `autoplay`:视频加载完成后自动播放。
- `loop`:循环播放视频。
- `muted`:静音播放视频。
- `preload`:指定视频加载方式,可选值为`none`、`metadata`(加载视频元数据)或`auto`(预加载整个视频)。
- `width` 和 `height`:设置视频的宽度和高度。
使用样式
你可以使用CSS为`
video {
width: 100%;
max-height: 500px;
border: 1px solid #ccc;
}
JavaScript控制
通过JavaScript,你可以更灵活地控制视频播放,比如:
var video = document.querySelector('video');
// 播放视频
video.play();
// 暂停视频
video.pause();
// 监听播放结束事件
video.addEventListener('ended', function() {
alert('视频播放完毕');
});
兼容性
尽管`
结论
`