logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

视频元素(<video>, <source>, <track>, 事件)

  • 在HTML中可通过<video>元素嵌入视频,并使用<video>标签添加视频。
  • 如果浏览器不支持视频,则可显示一段备用文本。
  • 使用src属性指定视频来源,poster属性设置视频播放前的海报图像地址。
  • 可添加controls属性以展示视频播放器的控制按钮和进度条。
  • 可对<video>元素应用CSS样式,如设置宽度为100%。
  • 可使用<source>标签为不同编码格式的视频源,使浏览器选择最合适的视频。
  • 可通过<track>元素添加字幕,使用src属性指定字幕文件位置,default属性设置默认显示的字幕,crossorigin属性解决字幕文件跨域问题。
  • <video>元素与多个事件相关,比如播放(play)、暂停(pause)、寻找(seeking),可添加事件监听器执行相关任务。
  • 测试时候,可以在控制台通过事件输出对应的播放、暂停或进度寻找状态。