4.3.2插入視頻 HTML

通過(guò)HTML5新增加的<video>標(biāo)記，可以快速地在網(wǎng)頁(yè)中嵌入影片，只要使用的瀏覽器支持視頻格式，不需要安裝任何第三方插件。

基本語(yǔ)法如下：

<video src="url"controls="controls" autoplay="autoplay"width="百分比|像素"height="百分比|像素"preload="auto|meta|none"loop="loop">

瀏覽器不支持video,會(huì)顯示此部分內(nèi)容

</video>

<video>元素的屬性很多，下表中給出了常用屬性。

屬性         屬性值             描述

src            url             設(shè)置要播放視頻的URL（不能缺?。?/p>

autoplay  autoplay    設(shè)置網(wǎng)頁(yè)中視頻加載就緒后自動(dòng)播放

controls   controls     添加瀏覽器為視頻設(shè)置的默認(rèn)控件

loop         loop          設(shè)置媒介文件循環(huán)播放

muted     muted        設(shè)置是否為靜音

preload   preload      設(shè)置瀏覽器要加載的視頻內(nèi)容的多少，可以是以下三個(gè)值：

                                  none表示不加載任何視頻；

                                  meta表示僅加載視頻的元數(shù)據(jù)（如長(zhǎng)度、尺寸等）；

                                  auto表示讓瀏覽器決定怎樣做（這是默認(rèn)的設(shè)置）。

                                  如果引用了autoplay屬性，則忽略該屬性

poster      url             指定視頻加載時(shí)要顯示的圖像（而不顯示視頻的第一幀），接受所需圖像文件的URL。                                    如果引用了autoplay屬性，則忽略該屬性

width     像素或百分比       設(shè)置視頻播放器的寬度

height    像素或百分比       設(shè)置視頻播放器的高度