如何在 HTML5 中显示视频控件？

HTML 控件属性用于在 HTML5 中显示视频控件。它是布尔值。 HTML5 最常使用 ogg、mp4、ogm 和 ogv 作为视频标签中的视频格式，因为浏览器对它们的支持不同。

句法

从上面的语法 控制属性 添加视频控件，如音量、暂停和播放以及元素 允许您指定替代视频文件。视频控件应包括：

• 玩
• 暂停
• 体积
• 全屏模式
• 寻求
• 字幕/字幕（如果有）
• 跟踪（如果可用）

属性：视频标签主要支持以下5种属性：

1. autoplay : 使视频自动开始播放，无需等待整个视频文件下载完成。
2. 循环：通过循环，您可以一次又一次地播放视频。
3. muted :默认情况下使播放器静音。
4. preload ：这可以设置为以下值。
   • auto ：这意味着视频是否应该在页面加载后立即加载。
   • metadata ：这意味着是否应该只加载视频元数据。
   • none ：这意味着当页面加载时浏览器不应加载视频。
5. src ：这定义了应该由 video 标签播放的视频的 URL。

注意：始终指定视频的宽度和高度，否则网页会因为网页变慢的原因而混淆视频需要多少空间。

示例 1：在以下代码中使用src 属性。

输出：

示例 2：使用autoplay属性自动播放视频。

HTML

  

    
        
GeeksforGeeks
  
        
HTML video controls Attribute
  
        
    

  

输出：

示例 3：海报属性用于在视频下载或用户单击播放按钮时显示图像。

HTML

    
        
GeeksforGeeks
  
        
HTML video poster Attribute
  
        
    

  

输出：

支持的浏览器： HTML video 标签支持的浏览器如下：

• 谷歌浏览器 4.0
• 火狐 4.0
• 苹果 Safari 4.0
• 歌剧 10.5