Html5學習筆記四—播放音訊和視訊檔案
阿新 • • 發佈：2019-01-02
1， 載入音訊檔案：
Key word ：<audio src=”路徑” controls=”controls”>
Src是音訊路徑 ，controls屬性用來提供播放，暫停，音量控制
下面是一個簡單程式碼進行播放本地音訊
<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
<source src="E:\KuGou\李聖傑 - 手放開.mp3"type="audio/mpeg">
</audio>
</body>
</html>
下面介紹autoplay 功能可以用於新增背景音樂，其實就是自動迴圈播放
<!DOCTYPE HTML>
<html>
<body>
<audio autoplay loop>
<source src="E:\KuGou\李聖傑 - 手放開.mp3"type="audio/ogg">
</audio>
</body>
</html>
頁面不顯示任何圖示，因為沒有用controls嘛！
2， 播放視訊檔案
Keyword ：<video src=”路徑”controls="controls">
跟音訊檔案類似，Src是音訊路徑，controls屬性用來提供播放，暫停，音量控制
<!DOCTYPE HTML>
<html>
<body>
<video controls="controls">
<source src="medias/volcano.mp4"type="video/mp4"> //記住對應你放的視訊格式
</video >
</body>
</html>
效果：
