html5中controls是什么意思-前端问答-PHP中文网

html5中controls是什么意思

青灯夜游

发布： 2022-06-01 19:55:19

原创

9387人浏览过

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

html5中controls是什么意思

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

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

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

立即学习“前端免费学习笔记（深入）”；

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

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

浏览器控件应该包括：

播放
暂停
定位
音量
全屏切换

思乐微信商城微分销系统
思乐微信商城微分销系统是以.net+access/mssql进行开发的微信分销系统。基于微信朋友圈的传播，是打造以分销商为中心的全新微信分销体验。让粉丝实时有效的获取朋友圈流量并快速分享购买分佣。因为是基于微信，所以要在微信上体验才更好。关注我们的微信核心功能：1、自动提示用户关注微信，解决一般程序无关注微信公众号的过程2、只要通过链接进一次，不过好久注册，什么方面注册，只要是用微信注册的，都会算

0

查看详情
字幕（如果可用）
音轨（如果可用）

说明：

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

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

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

登录后复制

示例2：

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

登录后复制

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

登录后复制

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

大家都在看：

AJAX请求返回数据后，如何正确处理数据渲染？使用object-fit属性适配图片时，在低版本浏览器中不支持，如何替代？如何使用text-decoration属性去除下划线？ a:hover伪类选择器如何使用？如何去除下划线并添加背景颜色？