HTML<video>属性

/ / HTML<video>属性

HTML <video>标签用于将视频嵌入到您的网页中,它具有多个视频源。

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>

这将产生以下结果-

链接:https://www.learnfk.comhttps://www.learnfk.com/html/html-video-tag.html

来源:LearnFk无涯教程网

全局属性

此标签支持- HTML属性参考中所述的所有全局属性。

特定属性

HTML <video>标签还支持以下附加属性-

Attribute Value 描述
autoplay html-5 autoplay 指定视频将自动播放。
controls html-5 controls 指定显示视频控件。
height html-5 pixels 指定高度
loop html-5 loop 指定该视频将在完成后每次重新开始。
muted html-5 muted 指定应将音频静音
poster html-5 URL 指定下载视频时要显示的图像。
preload html-5 auto
metadata
none
指定作者认为将如何带来最佳用户体验。
src html-5 URL 指定URL
width html-5 pixels 指定宽度

事件属性

此标签支持- HTML事件参考中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Mobile
Yes Yes Yes Yes Yes Yes

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

云时代的JVM原理与实战 -〔康杨〕

Kubernetes入门实战课 -〔罗剑锋〕

实用密码学 -〔范学雷〕

张汉东的Rust实战课 -〔张汉东〕

Selenium自动化测试实战 -〔郭宏志〕

Service Mesh实战 -〔马若飞〕

透视HTTP协议 -〔罗剑锋(Chrono)〕

OpenResty从入门到实战 -〔温铭〕

深入浅出计算机组成原理 -〔徐文浩〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者