Html5學習之旅(5)嵌入元素 progress meter embed audio video
阿新 • • 發佈：2018-12-23
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>嵌入元素</title> </head> <body> 進度條 IE 10以下不支援 <progress value="30" max="100"></progress> <br /> 進度條 IE 不支援 可控制大小值更變顏色 <meter value="30" min="10" max="100" low="40" high="80"></meter> <br /> <hr /> 嵌入式外掛falsh <br /> <embed src="http://js.t.sinajs.cn/t5/album/static/swf/video/player.swf" type="application/x-shockwave-flash" width="200" height="100"><embed> <hr /> <p>《 一次就好 》 歌手：沈騰 專輯：《夏洛特煩惱 電影原聲》 </p> <audio controls="controls" style="width:400px;height:45px;"> <source src="一次就好.ogg" type="audio/ogg"> <source src="一次就好.mp3" type="audio/mpeg"> 你的瀏覽器不支援html5的audio標籤 </audio> <p>播放視訊 多個source檔案更好的支援更多的瀏覽器</p> <video width="320" height="180" controls="controls"> <source src="測試視訊.ogg" type="video/ogg"> <source src="測試視訊.mp4" type="video/mp4"> 您的瀏覽器不支援HTML5視訊。 </video> <pre> autoplay視訊在就緒後馬上播放 controls向用戶顯示控制元件，比如播放按鈕 loop 迴圈播放 preload 預載入 src 視訊的URL width 寬度 height 高度 </pre> <hr /> </body> </html>