HTML的controls属性怎么用？
HTML的controls属性用于指定必须显示音频和视频控件。它是一个布尔属性，也是HTML5中的一个新特性。我们可以在两个标签<audio>和<video>中使用此属性。
浏览器控件应该包括：播放、暂停、定位、音量、全屏切换、字幕（如果可用）、音轨（如果可用）
语法：
<element controls>
下面的示例说明了<audio>元素和<video>元素中controls属性的使用。
示例1：<audio>元素中controls属性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body style="text-align:center"> <h2>HTML Audio controls属性 </h2> <br> <audio id="Test_Audio" controls> <source src="https://ss.0133.cn/ueditor/php/upload/file/20190323/1553324890593240.ogg" type="audio/ogg"> <source src="https://ss.0133.cn/ueditor/php/upload/file/20190323/1553324890628612.mp3" type="audio/mpeg"> </audio> </body> </html>
效果图：
示例2：video>元素中controls属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body style="text-align:center">
<h2>HTML video controls属性</h2>
<video width="400" height="200" controls >
<source src="https://ss.0133.cn/ueditor/php/upload/video/20190327/1553657855333112.mp4"
type="video/mp4">
<source src="https://ss.0133.cn/ueditor/php/upload/video/20190327/1553657855333112.ogg"
type="video/ogg">
</video>
</center>
</body>
</html>效果图：
浏览器支持
● Google Chrome 4.0
● Internet Explorer 9.0
● Firefox 3.5
● Safari 4.0
● Opera 10.5
标签：