HTML的muted属性有什么用?

HTML的muted属性是 HTML 5 中的新属性、是一个布尔属性,用于指定<video>和<audio>元素输出的音频为静音状态。

语法:

<element muted>

示例1:设置视频为静音状态

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body style="text-align: center">
<h2>HTML muted属性</h2>
<video id="Test_Video" width="360" height="240" controls muted>
	<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>
</body>
</html>

效果图:

b5400c4fbc2335795065159a9a07ceb.png-600

示例2:设置音频为静音状态

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body style="text-align: center">
<h2>HTML muted属性</h2>
<audio id="Test_Audio" controls muted>
	<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>

效果图:

ed88932286240e5bd1044fddb6c2a17.png-600

以上就是HTML的muted属性有什么用?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑