- 作(zuò)者:admin
- 發表時(shí)間(jiān):2013-07-02 14:17:00
- 來(lái)源:未知
現階段,我們要在網頁中嵌入視(shì)頻的最可(kě)靠最常用的辦法是使用Flash,通(tōng)過使用和(hé)
未來(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ì)期望加載合适的文件。