📜  如何在 HTML5 中显示视频控件?

📅  最后修改于: 2021-08-31 07:57:29             🧑  作者: Mango

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

句法

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

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

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

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

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

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

HTML


  

    
        

GeeksforGeeks

           

HTML video controls Attribute

                
  


HTML


  

    
        

GeeksforGeeks

           

HTML video controls Attribute

                
  


HTML



    
        

GeeksforGeeks

           

HTML video poster Attribute

                
  


输出:

示例 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