这篇文章主要介绍“controls在html5中的概念是什么”，在日常操作中，相信很多人在controls在html5中的概念是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”controls在html5中的概念是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

在html5中，controls表示音频和视频的播放控件，是audio和video标签中的属性；该属性是一个布尔属性，用于规定浏览器为视频或音频提供播放控件，语法为“<video controls>”或“<audio controls>”。

本文操作环境：Windows10系统、html5版、Dell G3电脑。

controls在html5中表示什么

HTML的controls属性用于指定必须显示音频和视频控件。它是一个布尔属性，也是HTML5中的一个新特性。我们可以在两个标签<audio>和<video>中使用此属性。

controls 属性是一个 boolean(布尔) 属性。

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

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

浏览器控件应该包括：

  • 播放

  • 暂停

  • 定位

  • 音量

  • 全屏切换

  • 字幕（如果可用）

  • 音轨（如果可用）

示例如下：

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

输出结果：

controls在html5中的概念是什么-风君雪科技博客