温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html5中controls指的是什么

发布时间:2022-06-02 09:42:12 来源:亿速云 阅读:260 作者:zzz 栏目:web开发

本篇内容介绍了“html5中controls指的是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

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

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

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

html5中controls指的是什么

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>

html5中controls指的是什么

示例2:

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

html5中controls指的是什么

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

html5中controls指的是什么

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

“html5中controls指的是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI