1. 程式人生 > >頁面中H5的使用標籤如音訊播放器和視訊播放器

頁面中H5的使用標籤如音訊播放器和視訊播放器

1.音訊播放器使用的標籤為:

<audio src="音訊的地址" controls="controls" preload="auto" autoplay="autoplay" loop="loop">

屬性中src 為音訊的地址路徑,loop 是迴圈播放,如果不需要直接不寫即可,同理autoplay 音訊準備就緒之後是否自動播放;

controls  是為是否向用戶顯示播放按鈕控制元件; preload    如果出現該屬性,則音訊在頁面載入時進行載入,並預備播放。如果使用 "autoplay",則忽略該屬性。還有一個屬性是 muted 規定視訊輸出應該被靜音。

2視訊播放器使用的標籤為:

<video src="視訊的地址" controls="controls"></video>或者可以寫成<video autoplay="autoplay" controls="controls"><source src="視訊的地址" type="video/mp4"></video>

視訊播放器標籤中的屬性和音訊播放器中的屬性使用方法一致。