文章目錄
- 🔊嵌入音頻
- 🎞?嵌入視頻
🔊嵌入音頻
HTML 元素用于在文檔中嵌入音頻內容。 元素可以包含一個或多個音頻資源， 這些音頻資源可以使用 src 屬性或者 元素來進行描述：瀏覽器將會選擇最合適的一個來使用。也可以使用 MediaStream 將這個元素用于流式媒體。
示例代碼：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><audio src="叮叮當.mp3" autoplay></audio>
</body>
</html>
音頻屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出現該屬性，則視頻在就緒后馬上播放，必須與muted屬性聯合使用才有效果 |
| controls | controls | 如果出現該屬性，則向用戶顯示音頻控件（比如播放/暫停按鈕） |
| loop | loop | 如果出現該屬性，則每當音頻結束時重新開始播放 |
| muted | muted | 如果出現該屬性，則音頻輸出為靜音 |
| preload | auto、metadata、none | 規定當網頁加載時，音頻是否默認被加載以及如何被加載 |
| src | URL | 規定音頻文件的 URL。 |
🎞?嵌入視頻
HTML 元素 用于在 HTML 或者 XHTML 文檔中嵌入媒體播放器，用于支持文檔內的視頻播放。你也可以將 標簽用于音頻內容，但是 元素可能在用戶體驗上更合適。
示例代碼：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><video src="sp.mp4" controls autoplay></video>
</body>
</html>
視頻屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出現該屬性，則視頻在就緒后馬上播放，必須與muted屬性聯合使用才有效果 |
| controls | controls | 如果出現該屬性，則向用戶顯示控件（比如播放/暫停按鈕） |
| loop | loop | 如果出現該屬性，則每當媒介文件完成播放后重新開始播放 |
| muted | muted | 如果出現該屬性，則音頻輸出為靜音 |
| preload | auto、metadata、none | 如果出現該屬性，則視頻在頁面加載時進行加載，并預備播放。如果使用 “autoplay”，則忽略該屬性 |
| src | URL | 規定音頻文件的 URL。 |
| poster | URL | 規定視頻正在下載時顯示的圖像，直到用戶點擊播放按鈕 |
| width | pixels | 設置視頻播放器的寬度 |
| height | pixels | 設置視頻播放器的高度 |
需要注意的是，為了確保兼容性和最佳體驗，建議提供多種格式的音頻和視頻文件（如mp3、ogg、mp4等），以便不同瀏覽器和設備能夠播放。另外，還可以使用一些屬性和方法來控制音頻和視頻的播放，例如play()、pause()、currentTime等。這些功能可以通過JavaScript與相應的元素進行交互。
?最后?
總結不易，希望小寶們不要吝嗇你們的👍喲(＾Ｕ＾)ノ~ＹＯ！！😀
如有問題，歡迎評論區批評指正😁
)
