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>
效果: