HTML <video>标签用于将视频嵌入到您的网页中,它具有多个视频源。
<!DOCTYPE html> <html> <head> <title>HTML video Tag</title> </head> <body> <p>Run your first program using an Online Compiler (compileonline.com)</p> <br /> <video width="500" height="300" controls> <source src="/html/compileonline.mp4" type="video/mp4"> This browser doesn't support video tag. </video> </body> </html>
这将产生以下结果-
此标签支持- HTML属性参考中所述的所有全局属性。
HTML <video>标签还支持以下附加属性-
Attribute | Value | 描述 |
---|---|---|
autoplay | autoplay | 指定视频将自动播放。 |
controls | controls | 指定显示视频控件。 |
height | pixels | 指定高度 |
loop | loop | 指定该视频将在完成后每次重新开始。 |
muted | muted | 指定应将音频静音 |
poster | URL | 指定下载视频时要显示的图像。 |
preload | auto metadata none |
指定作者认为将如何带来最佳用户体验。 |
src | URL | 指定URL |
width | pixels | 指定宽度 |
此标签支持- HTML事件参考中所述的所有事件属性。
Chrome | Firefox | IE | Opera | Safari | Mobile |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)
HarmonyOS快速入门与实战 -〔QCon+案例研习社〕