HTML5音頻
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>HTML5新增音頻標簽</title>
</head>
<body>
<audio src="media/music.mp3" controls="controls"></audio>
</body>
</html>
controls顯示音頻控制元件
<audio src="media/music.mp3" controls="controls"></audio>
autoplay自動播放
<audio src="media/music.mp3" controls="controls" autoplay="autoplay"></audio>
loop回圈播放
<audio src="media/music.mp3" controls="controls" loop="loop"></audio>
muted靜音播放
<audio src="media/music.mp3" controls="controls" muted="muted"></audio>
preload="auto"未播放時加載
<audio src="media/music.mp3" controls="controls" preload="auto"></audio>
preload="none"未播放時不加載
<audio src="media/music.mp3" controls="controls" preload="none"></audio>
ps:圖片來自黑馬程式員
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/278032.html
標籤：其他
上一篇：CQOI2021游自家學校記
下一篇：從一名開發人員轉做測驗的一些感悟