4.3.2插入視頻 HTML

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

基本語法如下：

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

瀏覽器不支持video,會顯示此部分內容

</video>

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

屬性         屬性值             描述

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

autoplay  autoplay    設置網頁中視頻加載就緒后自動播放

controls   controls     添加瀏覽器為視頻設置的默認控件

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

muted     muted        設置是否為靜音

preload   preload      設置瀏覽器要加載的視頻內容的多少，可以是以下三個值：

                                  none表示不加載任何視頻；

                                  meta表示僅加載視頻的元數據（如長度、尺寸等）；

                                  auto表示讓瀏覽器決定怎樣做（這是默認的設置）。

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

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

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

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