天天看點

網頁視訊播放開發總結

一. 功能

需要播放的視訊格式:

avi,mp4,3gp,FLV,f4v

考慮用 flash

播 mp4, 3gp, avi

用html5 

flv f4v 

二. 播放情況

avi的播放問題:

IE: 使用embed元素,Windows系統自帶有Windows Media Player,直接可播放;

Chrome: 使用embed元素,需要安裝名為 Windows Media Player HTML5 Extension for Chrome,

用網頁打開比較大的視訊檔案有時慢,有時接近一分鐘;

浏覽器類别與播放插件

浏覽器             視訊類别            插件

IE                 MP4                 不需

IE                 AVI                 不需

IE                 SWF                 Flash插件

IE                 3GP                 不需

火狐               MP4                 不需

火狐               AVI                 需要

火狐               SWF                 需要

火狐               3GP                 需要

運作時動态調整大小:

IE支援,火狐不支援;

flvplayer.swf

可以播放:flv, mp4,3gp,不能播avi;

IE9 不支援htmt5的video标簽;支援html5的embed标簽;

AVI格式,IE直接可播,需要裝有Windows Media Player;安裝Windows時都會裝上Windows Media Player;

三 資料

1 檔案格式相關

    不建議在html中插入avi這類視訊,因為會涉及到不同的浏覽器、解碼器的問題,而且avi本身也不适合用作網絡播放。如果要在網頁上加視訊,常用方法是将檔案先轉換為flv,然後用網頁版的flv播放器,通過js以及flash就可以播放它(基本上所有電腦都是裝有flash插件的)。

    FLV和SWF

    FVL是流媒體,SWF不是流媒體。流媒體,簡而言之就是可以在網絡上邊緩沖邊播放的媒體檔案。兩者都可以由Flash來建立,但前者隻屬于一般的VIDEO。後者可以置入AS程式代碼,可以讓使用者進行互動,比如Flash小遊戲,就是SWF格式的。FLV多用于網絡視訊。

http://www.jb51.net/article/22916.htm

html中嵌入flv格式檔案的代碼

2 設定IIS 支援 flv的MIME類型的方法

優酷FLV播放器(Flv,F4v 播放器)介紹 

這是一個從愛酷播放器抽取出來的Flv,F4v 播放器,非常小巧,适合播放本地的視訊。

線上播放flv伺服器設定

1、對于FLV類型:

打開Internet Information Services Manager(IIS),選擇“本地計算機”-->使用者站點-->打開“屬性”-->“HTTP頭”-->“MIME類型”- ->“建立”。擴充名=“.flv”MIME類型=“flv-application/octet-stream”,儲存退出即可。

2、對于RMVB類型:

打開Internet Information Services Manager(IIS),選擇“本地計算機”-->使用者站點-->打開“屬性”-->“HTTP頭”-->“MIME類型”- ->“建立”。擴充名=“.rmvb”MIME類型=“application”,儲存退出即可。

四 播放代碼的幾種情況

1 使用video标簽,IE9不支援,火狐支援;

2 使用embed标簽;

3 使用object标簽,需設定各項參數;

4 使用object标簽,并嵌入swf播放器;

5 使用第三方swf播放器;該類播放器帶有js庫,需調用其js庫;

第五種形式可播avi,mp4,3gp,FLV;f4v格式的,由flv轉來的可播,自己錄制的不能播;

繼續閱讀