Hello! 欢迎来到小浪资源网!



HTML 视频播放:控制视频播放、音量等


通过 元素的属性和方法,可以控制 html 中的视频播放。具体来说,这些控制包括:播放/暂停:play() 和 pause() 方法停止:pause() 方法进度条:currenttime 和 duration 属性调整音量:volume 属性静音:muted 属性循环播放:loop 属性自动播放:autoplay 属性全屏:requestfullscreen() 方法

HTML 视频播放:控制视频播放、音量等

html 视频播放:掌控播放控制

在 HTML 中,您可以使用

控制播放

  • 播放/暂停:使用
  • 停止:使用 pause() 方法停止视频播放,并重置播放时间为 0。
  • 进度条:您可以使用 css 创建一个进度条,使用 video 的 currentTime 属性来获取当前播放时间,并使用 duration 属性获取视频总时长。

控制音量

立即学习前端免费学习笔记(深入)”;

  • 调整音量:使用 video 的 volume 属性来调整音量。该属性的值介于 0(静音)和 1(最大音量)之间。
  • 静音:使用 muted 属性静音视频。该属性是一个布尔值,为 true 时静音,为 false 时不静音。

其他控制

  • 循环播放:使用 loop 属性使视频循环播放。该属性是一个布尔值,为 true 时循环,为 false 时不循环。
  • 自动播放:使用 autoplay 属性使视频在页面加载时自动播放。该属性是一个布尔值,为 true 时自动播放,为 false 时不自动播放。
  • 全屏:使用 requestFullscreen() 方法使视频全屏播放。该方法只在支持全屏 API 的浏览器中可用。

相关阅读