H5 video標籤使用

相關連接：

• H5 video開發問題及相關知識點
• H5 video 全屏播放

♢ 基本用法

video 標籤最基本的使用是，指定src並加上controls屬性，這樣在支持的瀏覽器上即可以播放了。若是瀏覽器不支持video標籤則會顯示標籤中的提示文字

<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" controls> 當前瀏覽器不支持video標籤 </video> 複製代碼

提示文字能夠再放在其餘標籤中，如再套個p標籤

<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" controls>
    <p> 當前瀏覽器不支持video標籤 </p>
</video>
複製代碼

♢ 使用source標籤

source標籤能夠爲同一video元素指定不一樣的視頻格式（來源），讓瀏覽器自行選擇本身支持的格式播放，不支持的視頻源會被忽略

<video controls>
    <source src="some-video.mp4" type="video/mp4">
    <source src="some-video.ogg" type="video/ogg">
    <p> 當前瀏覽器不支持video標籤 </p>
</video>複製代碼

♢ 配置多個屬性，知足需求

給video標籤設置屬性，以知足必定的需求，如loop進行循環播放，width指定video的寬度

<video
    controls
    loop
    width="400"
    src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">
     <p>當前瀏覽器不支持video標籤</p>
 </video>複製代碼