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