• 技术文章 >web前端 >前端问答

    html5中controls是什么意思

    青灯夜游青灯夜游2022-06-01 19:55:25原创450

    在html5中,controls的意思为“控制”,是audio和video标签的一个属性,用于规定浏览器为视频或音频提供播放控件(例播放、暂停、定位、音量等),语法“<video controls>”或“<audio controls>”。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    在html5中,controls的意思为“控制”。

    1.png

    controls是audio和video标签的一个属性。

    controls 属性规定浏览器应该为视频或音频提供播放控件。

    如果设置了该属性,则规定不存在作者设置的脚本控件。

    浏览器控件应该包括:

    说明:

    在 XHTML 中, 该属性是不允许简写的 , controls 属性必须定义为 <audio controls="controls">

    但在HTML5 中,该属性的属性值可以省略,直接可<audio controls>

    示例1:

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    </head>
    <body>
    
    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
      您的浏览器不支持 video 标签。
    </video>
    
    <video width="320" height="240">
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
      您的浏览器不支持 video 标签。
    </video>
    </body>
    </html>

    1.png

    示例2:

    <audio>
      <source src="horse.ogg"  type="audio/ogg">
      <source src="horse.mp3"  type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>

    2.png

    <audio controls>
      <source src="horse.ogg"  type="audio/ogg">
      <source src="horse.mp3"  type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>

    3.png

    可以看出,如果audio标签不设置controls属性,则音乐播放器无法被人察觉。

    相关推荐:《html视频教程

    以上就是html5中controls是什么意思的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html html5
    上一篇:HTML5是应用程序开发语言吗 下一篇:css3中倾斜的函数是什么
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• html5中的option是什么意思• html5最突出的优势是什么• html5的source标签怎么用• html5中td表示什么• html5中i标签是什么意思
    1/1

    PHP中文网