RELATEED CONSULTING
相關咨詢
選擇下列産品馬上(shàng)在線溝通(tōng)
服務時(shí)間(jiān):9:00-18:00
你(nǐ)可(kě)能遇到了下面的問題
關閉右側工具欄
HTML5視(shì)頻标簽video
  • 作(zuò)者:admin
  • 發表時(shí)間(jiān):2013-07-02 14:17:00
  • 來(lái)源:未知

現階段,我們要在網頁中嵌入視(shì)頻的最可(kě)靠最常用的辦法是使用Flash,通(tōng)過使用和(hé)标簽,就可(kě)以通(tōng)過浏覽器(qì)播放swf,flv等格式視(shì)頻文件,但(dàn)是前提是浏覽器(qì)必須安裝第三方插件:Adobe Flash Player。而HTML5的到來(lái),改變了這一事實,WEB開(kāi)發者隻需要使用标簽就可(kě)以輕松加載視(shì)頻文件,而不需要任何第三方插件。

未來(lái)的WEB将可(kě)以在任何終端,任何平台隻需通(tōng)過HTML5的标簽就能實現加載視(shì)頻文件。

WEB中的Video标簽

HTML5定義了一個(gè)新的元素用來(lái)指定标準的方式來(lái)插入視(shì)頻文件到web頁面中:标簽。使用video标簽可(kě)以控制(zhì)視(shì)頻的播放與停止,循環播放,視(shì)頻尺寸等等,詳情請(qǐng)看下表。

屬性 描述
autoplay true | false 如果是 true,則視(shì)頻在就緒後馬上(shàng)播放。
controls true | false 如果是 true,則向用戶顯示控件,比如播放按鈕。
height 像素 設置視(shì)頻播放器(qì)的高(gāo)度。
loop true | false 完成播放後再次開(kāi)始播放,即循環播放
poster url 當視(shì)頻未響應或緩沖不足時(shí),該屬性值鏈接到一個(gè)圖像。該圖像将以一定比例被顯示出來(lái)
src url 所播放視(shì)頻的 url。使用子元素實現更好。
width 像素 設置視(shì)頻播放器(qì)的寬度。

目前支持标簽的浏覽器(qì)有(yǒu):

IE9,Firefox, Opera,Chrome和(hé)Safari都支持标簽。

注意:IE8和(hé)更早的版本,不支持标簽。

如何使用Video

要在HTML5中播放視(shì)頻,需要在body中插入以下代碼:

由于舊(jiù)的浏覽器(qì)和(hé)Internet Explorer不支持元素,考慮到兼容性,我們必須為(wèi)這些(xiē)浏覽器(qì)找到一個(gè)支持Flash文件的解決方案。不幸的是,和(hé)HTML 5音(yīn)頻一樣,涉及到視(shì)頻的文件格式,Firefox 和(hé) Safari/Chrome 的支持方式并不相同。因此,如果你(nǐ)想在這個(gè)時(shí)候使用HTML 5視(shì)頻,則需要創建三個(gè)視(shì)頻版本。

OGG,MP4,FLV/SWF

 
     

HTML5 視(shì)頻标簽的注意事項

1、需創建三種視(shì)頻格式以實現對 Firefox,Safari/Chrome 和(hé) IE 的支持;

2、不要省略任何一種格式。不能将HTML 5如你(nǐ)所想的那(nà)樣兼容 Firefox 和(hé) Safari,Safari 能解釋标簽,會(huì)期望加載合适的文件,如果省略某種格式,會(huì)導緻播放器(qì)空(kōng)白;

3、記住全屏顯示不被 Safari 和(hé) Chrome 所支持。然而,在 Firefox 3.6 版本中,你(nǐ)可(kě)以全屏浏覽;

4、要明(míng)白 IE 加載 Flash 文件的原因,是因為(wèi) IE 不能解釋元素。然而,如果浏覽器(qì)支持,則會(huì)期望加載合适的文件。