《個人學習筆記八》
embed標記
使用embed標記，可以播放的檔案型別有MiNi、Mav、AIFF、SWF、AV、MP3、MOV、AVI等
語法說明
- width 、
height：整型值單位為像素，設定寬度和高度會出現播放界面，否則不會出現播放界面，一些高版本瀏覽器不設定寬度和高度也會出現播放界面，如果播放音頻作為背景音樂時，
必須同時將寬度和高度設定為0， - src:設定媒體檔案的路徑，
- autostart：邏輯值，true為自動播放；false為不能自動播放，
- loop：邏輯值，規定音頻或視頻檔案能否回圈播放，屬性值為true時，會回圈，屬性值為false時，不會回圈播放，
- 參考代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>頁面嵌入多媒體檔案</title>
</head>
<body>
<h3>插入老薛的歌</h3>
<embed src="video/laoxue.mp3" width="300" height="150" autostart loop>
<embed src="video/mov_bbb.mp4" width="300" height="150" autostart loop>
</body>
</html>
表現結果如下：
audio標記
audio標簽用來向頁面中引入一個外部的音頻檔案
音視頻引入時，默認情況下不允許用戶自己控制播放停止
| 常用屬性 | 作用 |
|---|---|
| controls | 是否允許用戶控制播放 |
| autoplay | 音頻檔案是否自動播放 |
| loop | 音樂是否回圈播放 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>頁面嵌入多媒體檔案</title>
</head>
<body>
<h3>插入老薛的歌</h3>
<audio src="video/laoxue.mp3" controls autoplay loop></audio>
</body>
</html>
顯示結果：
重點：
除了通過src來指定外部檔案的路徑以外，還可以通過source來指定檔案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>頁面嵌入多媒體檔案</title>
</head>
<body>
<h3>插入老薛的歌</h3>
<!-- <audio src="video/laoxue.mp3" controls autoplay loop></audio> -->
<audio controls autoplay>
<source src="video/laoxue.mp3">
<source src="video/laoxue.ogg">
</audio>
<embed src="video/mov_bbb.mp4" type="video/mp4" width="300" height="150">
</body>
</html>
video
video標簽用來向頁面中引入一個外部的視頻檔案
視視頻引入時，默認情況下不允許用戶自己控制播放停止
| 常用屬性 | 作用 |
|---|---|
| controls | 是否允許用戶控制播放 |
| autoplay | 視頻檔案是否自動播放 |
| loop | 視樂是否回圈播放 |
總而言之，audio和video兩個標記屬性很像，基本相同，了解了音頻就相當于了解了視頻，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/180252.html
標籤：其他
上一篇：ExtJS6.2學習