通过 元素的属性和方法,可以控制 html 中的视频播放。具体来说,这些控制包括:播放/暂停:play() 和 pause() 方法停止:pause() 方法进度条:currenttime 和 duration 属性调整音量:volume 属性静音:muted 属性循环播放:loop 属性自动播放:autoplay 属性全屏:requestfullscreen() 方法
html 视频播放:掌控播放控制
在 HTML 中,您可以使用
控制播放
- 播放/暂停:使用
元素的 play() 和 pause() 方法控制视频播放。 - 停止:使用 pause() 方法停止视频播放,并重置播放时间为 0。
- 进度条:您可以使用 css 创建一个进度条,使用 video 的 currentTime 属性来获取当前播放时间,并使用 duration 属性获取视频总时长。
控制音量
立即学习“前端免费学习笔记(深入)”;
- 调整音量:使用 video 的 volume 属性来调整音量。该属性的值介于 0(静音)和 1(最大音量)之间。
- 静音:使用 muted 属性静音视频。该属性是一个布尔值,为 true 时静音,为 false 时不静音。
其他控制
- 循环播放:使用 loop 属性使视频循环播放。该属性是一个布尔值,为 true 时循环,为 false 时不循环。
- 自动播放:使用 autoplay 属性使视频在页面加载时自动播放。该属性是一个布尔值,为 true 时自动播放,为 false 时不自动播放。
- 全屏:使用 requestFullscreen() 方法使视频全屏播放。该方法只在支持全屏 API 的浏览器中可用。