Web網頁中添加視頻播放處理

時間 2019-11-17

標籤 web 網頁添加視頻播放處理欄目 HTML 简体版

原文原文鏈接

　　最近恰好作一個網站視頻播放的功能，在此總結：web

　　本身的方法(支持mp4,ogg,mvk格式)：windows

<%--宣傳視頻--%>

<%--屬性值描述--%>
<%--autoplay autoplay 若是出現該屬性，則視頻在就緒後立刻播放。--%>
<%--controls controls 若是出現該屬性，則向用戶顯示控件，好比播放按鈕。--%>
<%--height pixels 設置視頻播放器的高度。--%>
<%--loop loop 若是出現該屬性，則當媒介文件完成播放後再次開始播放。--%>
<%--preload preload 若是出現該屬性，則視頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。--%>
<%--src url 要播放的視頻的 URL。--%>
<%--width pixels 設置視頻播放器的寬度。--%>
<div class="onethird box left">
<video src="./.../.....ogg" width="320" height="240"
controls="controls" autoplay="autoplay" loop="loop">
您的瀏覽器不支持此視頻的播放. </video>
</div>瀏覽器

　　收集到以下方法（未經測試，原文內容請訪問：http://blog.csdn.net/brokge/article/details/6722453）：網絡

1.avi格式app

代碼片段以下：less

B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1"ide

autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320"工具

filename="/Mbar.avi" src="Mbar.avi">
</embed>
</object>oop

2.mpg格式

代碼片段以下：

height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="/mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>

3.smi格式

代碼片段以下：

<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180>
<param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rm.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-

realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240"

autostart="true"></OBJECT>

4.rm格式

代碼片段以下：

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288

WIDTH=352>
<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.*.*.35/vod/dawan-a.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin"

CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">
</OBJECT>

5.wmv格式

代碼片段以下：

0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en
/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player

components..." type="application/x-oleobject" align="right" hspace="5">
<param name="AutoRewind" value=1>
<param name="FileName" value="/blog/******.wmv">
<param name="ShowControls" value="1">
<param name="ShowPositionControls" value="0">
<param name="ShowAudioControls" value="1">
<param name="ShowTracker" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowCaptioning" value="0">
<param name="AutoStart" value=1>
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<param name="TransparentAtStart" value="0">
<param name="AllowChangeDisplaySize" value="0">
<param name="AllowScan" value="0">
<param name="EnableContextMenu" value="0">
<param name="ClickToPlay" value="0">
</object>

6.wma格式

放在 <body> 裏面。下面是部分解釋:

name="Filename" value="/blog/1.Wma">
<param name="PlayCount" value="1"><!--控制重複次數: 「x」爲幾重複播放幾回; x=0，無限循環。

-->
<param name="AutoStart" value="0"><!--控制播放方式: x=1，打開網頁自動播放; x=0，按播放鍵播

放。-->
<param name="ClickToPlay" value="1"><!--控制播放開關: x=1，可鼠標點擊控制播放或暫停狀態;

x=0，禁用此功能。-->
<param name="DisplaySize" value="0"><!--控制播放畫面: x=0，原始大小; x=1，一半大小; x=2，2

倍大小。-->
<param name="EnableFullScreen Controls" value="1"><!--控制切換全屏: x=1，容許切換爲全屏;

x=0，禁用此功能。-->
<param name="ShowAudio Controls" value="1"><!--控制音量: x=1，容許調節音量; x=0，禁止音量調

節。-->
<param name="EnableContext Menu" value="1"><!--控制快捷菜單: x=1，容許使用右鍵菜單; x=0，禁

用右鍵菜單。-->
<param name="ShowDisplay" value="1"><!--控制版權信息: x=1，顯示電影及做者信息;x=0，不顯示相

關信息-->
</object>

7.Windows Media Player 系列(不一樣面板樣式)

綜合型：

codebase="http://activex.microsoft.com/activex/controls/mplayer
/en/nsmp2inf.cab#Version=6,1,5,217"
id=MediaPlayer type=application/x-oleobject width=210 height=340 standby="Loading Microsoft

Windows Media Player components..." VIEWASTEXT align=MIDDLE>
<param name=AudioStream value=-1>
<param name=AutoSize value=0>
<param name=AutoStart value=1>
<param name=AnimationAtStart value=0>
<param name=AllowScan value=-1>
<param name=AllowChangeDisplaySize value=0>
<param name=AutoRewind value=0>
<param name=Balance value=0>
<param name=BaseURL value="">
<param name=BufferingTime value=5>
<param name=CaptioningID value="">
<param name=ClickToPlay value=0>
<param name=CursorType value=32512>
<param name=CurrentPosition value=-1>
<param name=CurrentMarker value=0>
<param name=DefaultFrame value=1>
<param name=DisplayBackColor value=0>
<param name=DisplayForeColor value=16777215>
<param name=DisplayMode value=0>
<param name=DisplaySize value=0>
<param name=Enabled value=-1>
<param name=EnableContextMenu value=-1>
<param name=EnablePositionControls value=0>
<param name=EnableFullScreenControls value=0>
<param name=EnableTracker value=1>
<param name=Filename value="http://202.102.*.*/flash/2/fff.swf">
<param name=InvokeURLs value=-1>
<param name=Language value=-1>
<param name=Mute value=0>
<param name=PlayCount value=1>
<param name=PreviewMode value=0>
<param name=Rate value=1>
<param name=SAMILang value="">
<param name=SAMIStyle value="">
<param name=SAMIFileName value="">
<param name=SelectionStart value=0>
<param name=SelectionEnd value=true>
<param name=SendOpenStateChangeEvents value=-1>
<param name=SendWarningEvents value=-1>
<param name=SendErrorEvents value=-1>
<param name=SendKeyboardEvents value=0>
<param name=SendMouseClickEvents value=0>
<param name=SendMouseMoveEvents value=0>
<param name=SendPlayStateChangeEvents value=-1>
<param name=ShowCaptioning value=0>
<param name=ShowControls value=1>
<param name=ShowAudioControls value=1>
<param name=ShowDisplay value=1>
<param name=ShowGotoBar value=1>
<param name=ShowPositionControls value=1>
<param name=ShowStatusBar value=1>
<param name=ShowTracker value=1>
<param name=TransparentAtStart value=0>
<param name=VideoBorderWidth value=0>
<param name=VideoBorderColor value=0>
<param name=VideoBorder3D value=0>
<param name=Volume value=-1070>
<param name=WindowlessVideo value=1>
</object>

簡易型：

<EMBED src=http://www.*.com/mediadate/lxlhbcn.asf style="HEIGHT: 45px; WIDTH: 190px"

type=audio/mpeg AUTOSTART="1" loop="0">
</EMBED>

標籤型:

autosize=false volume=100 displaysize=0 showdisplay=true showstatusbar=true

showcontrols=true showaudiocontrols=true showtracker=true showpositioncontrols=true

balance=true src="http://www.*.com/mediadate/lxlhbcn.asf">
</embed>

引用內容

媒體播放器的外觀界面

在網頁中，你能夠經過相關屬性來控制媒體播放器的哪些部分出現，哪些部分不出現。
媒體播放器包括以下元素：
Video Display Panel：視頻顯示面板；
Video Border：視頻邊框；
Closed Captioning Display Panel；字幕顯示面板；
Track Bar；搜索欄；
Control Bar with Audio and Position Controls：帶有聲音和位置控制的控制欄；
Go To Bar：轉到欄；
Display Panel：顯示面板；
Status Bar：狀態欄；
下面的屬性用來決定顯示哪個元素：
ShowControls 屬性：是否顯示控制欄（包括播放控件及可選的聲音和位置控件）；
ShowAudioControls 屬性：是否在控制欄顯示聲音控件（靜音按鈕和音量滑塊）；
ShowPositionControls 屬性：是否在控制欄顯示位置控件（包括向後跳進、快退、快進、向前跳進、預

覽播放列表中的每一個剪輯）；
ShowTracker 屬性：是否顯示搜索欄；
ShowDisplay 屬性：是否顯示顯示面板（用來提供節目與剪輯的信息）；
ShowCaptioning 屬性：是否顯示字幕顯示面板；
ShowGotoBar 屬性：是否顯示轉到欄；
ShowStatusBar 屬性：是否顯示狀態欄；

播放列表

媒體播放器提供下面的方法來訪問播放列表中的剪輯：
Next 方法，跳到節目（播放列表）中的下一個剪輯；
Previous 方法，跳回到節目中的上一個剪輯；
媒體播放器的一個特性是可以預覽節目中的每個剪輯，使用以下屬性：
PreviewMode 屬性，決定媒體播放器當前是否處於預覽模式；
CanPreview 屬性，決定媒體播放器可否處於預覽模式；
在windows 媒體元文件中，能夠爲每個剪輯指定預覽時間——PREVIEWDURATION,若是沒有指定，那麼

默認的預覽時間是10秒鐘。
你也能夠用Windows 媒體元文件來添加 watermarks 與 banners，元文件也支持插入廣告時的無間隙流

切換。

節目信息

使用 GetMediaInfoString 方法能夠返回相關剪輯或節目的以下信息：
文件名：File name
標題：Title
描述：Description
做者：Author
版權：Copyright
級別：Rating
URLs：logo icon、watermark、banner的地址
剪輯信息能夠放在媒體文件中，也能夠放在Windows 媒體元文件中，或者二者都放。若是在元文件中指

定了剪輯信息，那麼用 GetMediaInfoString 方法返回的就是元文件中的信息，而不會返回剪輯中包含

的信息。
在元文件中，附加信息能夠放置在每個剪輯或節目的 PARAM標籤中。你能夠爲每一個剪輯添加任意多個

PARAM 標籤，用來存儲自定義的信息或連接到相關站點。在 PARAM 標籤中的信息能夠經過

GetMediaParameter 方法來訪問。
下面的屬性返回有關大小和時間的信息：
ImageSourceHeight、ImageSourceWidth：返回圖像窗口的顯示尺寸；
Duration 屬性，返回剪輯的長度(秒)，要檢測這個屬性是否包含有效的數值，請檢查IsDurationValid

屬性。(對於廣播的視頻，其長度是不可預知的)。

字幕

你能夠用 .smi 文件來爲你的節目添加字幕。媒體播放器支持下面的屬性來處理字幕：
SAMIFileName 屬性，指定 .smi 文件的名字；
SAMILang 屬性，指定字幕的語言(若是沒有指定則使用第一種語言)；
SAMIStyle 屬性，指定字幕的文字大小和樣式；
ShowCaptioning 屬性，決定是否顯示字幕顯示面板；

腳本命令

伴隨音頻、視頻流，你能夠在流媒體文件中加入腳本命令。腳本命令是多媒體流中與特定時間同步的多

對Unicode串。第一個串標識待發命令的類型，第二個串指定要執行的命令。
當流播放到與腳本相關的時間時，控件會向網頁發送一個 ScriptCommand事件，而後由事件處理進程來

響應這個事件。腳本命令字符串會做爲腳本命令事件的參數傳遞給事件處理器。
媒體播放器會自動處理下面類型的內嵌腳本命令：
1) URL 型命令：當媒體播放器控件收到一個URL型的命令時，指定的URL會被裝載到用戶的默認瀏覽器。

若是媒體播放器嵌在一個分幀的HTML文件中，URL頁可以裝載到由腳本命令指定的幀內。若是腳本命令

沒有指定一個幀，將由 DefaultFrame 屬性決定將 URL 頁裝入哪一幀。
你能夠經過設置 InvokeURLs 屬性來決定是否自動處理 URL 型的腳本命令。若是這個屬性的值爲 false

，媒體播放器控件將忽視 URL型命令。可是腳本命令事件仍會觸發，這就容許你有選擇地處理 URL 型命

令。
URL 型命令指定的是 URL 的相對地址。基地址是由 BaseURL屬性指定的。媒體播放器控件傳送的腳本命

令事件的命令參數是連接好的地址。
2) FILENAME 型命令：當媒體播放器控件收到一個FILENAME型的命令時，它將 FileName屬性設置爲腳本

命令提供的文件，以後媒體播放器會打開這個文件開始播放。媒體播放器控件老是自動處理 FILENAME

型命令，不象 URL 型命令，它們不能被禁止。
3) TEXT型命令：當媒體播放器控件收到一個 TEXT型的命令時，它會將命令的內容顯示在控件的字幕窗

口。內容能夠是純文本的，也能夠是 HTML。
4) EVENT型命令：當媒體播放器控件收到一個 EVENT型的命令時，它會在媒體元文件中搜索 EVENT 元素

的 NAME 屬性。若是 NAME 屬性與腳本命令中的第二個字符串匹配，媒體播放器控件就執行包含在

EVENT 元素中的條目。
5) OPENEVENT型命令：當媒體播放器控件收到一個 OPENEVENT型的命令時，它會在媒體元文件中檢查

EVENT 元素，並打開匹配的標題，但不播放，直到收到來自 EVENT型命令的同名真實事件。

捕捉鍵盤和鼠標事件

EnableContextMenu 與 ClickToPlay 屬性爲用戶提供了在圖像窗口進行操做的方法。
若是 EnableContextMenu 屬性爲 true ，在圖像窗口右擊鼠標能夠打開關聯菜單，若是將ClickToPlay

屬性設爲 true ，用戶能夠單擊圖像窗口進行播放與暫停的切換。
要接收鼠標移動和單擊事件，請將 SendMouseMoveEvents 和 SendMouseClickEvents 屬性設爲 true 。

鼠標事件有：
MouseDown，當用戶按下鼠標時產生；
MouseUp，當用戶釋放鼠標時產生；
MouseMove，當用戶移動鼠標時產生；
Click，當用戶在媒體播放器上單擊鼠標按鈕時產生；
DbClick，當用戶在媒體播放器上雙擊鼠標按鈕時產生；
要接收鍵盤事件，請將 SendKeyboardEvents 屬性設爲 true 。鍵盤事件有：
KeyDown，當用戶按下一個鍵時產生；
KeyUp，當用戶釋放一個鍵時產生；
KeyPress，當用戶按下並釋放一個鍵時產生；

監測流狀態與網絡連接

流狀態屬性包括：
PlayState：播放狀態；
OpenState：打開狀態；
Bandwidth：帶寬；
支持的事件有：
OpenStateChange：打開狀態改變(僅當SendOpenStateChangeEvents屬性爲true時觸發)
PlayStateChange：播放狀態改變(僅當SendPlayStateChangeEvents屬性爲true時觸發)
EndOfStream：流結束時觸發；
NewStream：打開新流時觸發；
網絡接收屬性包括：
ReceptionQuality：接收質量；
ReceivedPackets：已經收到的包；
LostPackets：丟失的包；
監測緩衝的屬性有：
BufferingTime：緩衝時間；
BufferingCount：緩衝次數；
BufferingProgress：緩衝進程；
Buffering：緩衝事件；

錯誤處理

媒體播放器提供了內建的錯誤處理功能——在對話框或狀態欄顯示錯誤信息。另外，你能夠本身添加錯

誤處理程序。若是 SendErrorEvents 屬性設置爲 true，將不會顯示錯誤框，而是發送錯誤事件；若是

SendErrorEvents 屬性設置爲 false，將顯示錯誤框，而是發送錯誤事件。
媒體播放器支持下面的錯誤處理事件：
Error 事件，指有危險性錯誤發生；
Warning 事件，指發生了非危險性的錯誤；
當你的應用程序接收到一個錯誤事件，你能夠檢測下面的屬性來肯定具體的錯誤信息：
HasError：檢測目前的媒體播放器是否有錯誤；
ErrorCode：提供與該類型錯誤相關的代碼值；
ErrorDescription：提供錯誤的描述信息；
ErrorCorrection：指定媒體播放器對該類型的錯誤進行校訂；

播放CD

媒體播放器將 CD 看做（在每一個音軌的開頭具備標記的）單一音頻流。要在網頁中使用CD，你須要將

FileName 屬性設爲 CDAUDI，必須帶有冒號，以下所示：

<HTML>
<HEAD><TITLE>CD Audio Playback Example</TITLE></HEAD>
<BODY>
<OBJECT ID="MediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
WIDTH="320"
HEIGHT="508"
STYLE="position:absolute; left:0px; top:70px;" >
<PARAM NAME="FileName" VALUE="cdaudi">
<PARAM NAME="AutoStart" VALUE="0">
<PARAM NAME="ShowControls" VALUE="1">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="ShowDisplay" VALUE="1">
</OBJECT>
</BODY>
</HTML>

以後你能夠用 Play 方法播放 CD 了。
你能夠在 windows 媒體元文件中指定播放順序以及每一個音軌的信息。示例以下：

<ASX VERSION="3.0">
<TITLE>CD Audio with the Media Player</TITLE>
<AUTHOR>Windows Media Technologies</AUTHOR>
<COPYRIGHT>(c) 1999, Microsoft, Inc.</COPYRIGHT>

<ENTRY>
<TITLE>Track 1: Title 1</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="1"/>
<ENDMARKER NUMBER="2"/>
</ENTRY>

<ENTRY>
<TITLE>Track 2: Title 2</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="2"/>
<ENDMARKER NUMBER="3"/>
</ENTRY>

<ENTRY>
<TITLE>Track 3: Title 3</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="3"/>
<ENDMARKER NUMBER="4"/>
</ENTRY>

<ENTRY>
<TITLE>Track 4: Title 4</TITLE>
<REF href="/blog/cdaudi" />
<STARTMARKER NUMBER="4"/>
</ENTRY>
</ASX>

Flv視頻文件的來源

首先說下這個Flash視頻，也就是Flash Video。

爲何要用這個？很顯然是須要在網頁中播放視頻。咱們都知道通常的視頻文件，要不就是asf格式、

wmv格式使用mediaplayer進行播放，要不就是rm格式用RealPlayer播放。

這樣的問題是，格式的不一樣就須要選擇不一樣的播放器，這對於本地計算機沒有安裝相應播放器的用戶來

說，這些視頻根本沒法收看。

而且，還因爲這些文件的容量過大，下載慢，查看也不很流暢。

因此，解決播放器和容量的問題，運用Flash有個方法：將各種視頻文件轉換成Flash視頻文件。

播放器有嵌入在瀏覽器中的Flash播放器，這好像每一個人的機器都有的吧，解決了其它通常視頻文件須要

挑選播放器的問題，固然這也就是Flash的優點。

容量方面，從FlashMX2004起就支持了轉換爲Flash視頻的功能，通過相關設置後，可縮小原有視頻的容

量，最終轉換的文件擴展名是FLV。

一句話：最終得到的是個FLV即Flash視頻文件。

那麼Flv文件如何在網頁中顯示呢？Flv文件也只是視頻文件，它的播放一樣是須要播放器的，而這個播

放器就是FlashPlayer。

第一種方法：

將本地Flv文件導入部署到Flash軟件中，以庫中元素的形式而存在，將該元素拖入場景，調整位置後，

發佈爲swf文件便可。

注意以上文件在本地測試沒有問題，但上傳到網絡時，其餘瀏覽者是沒法查看的，由於當前的播放器調

用的是本地Flv文件。

因此，須要調整路徑。首先須要將Flv文件上傳到某個網絡空間，而且得到其準確的路徑地址。

其次，打開Flash軟件，選擇Flv組件，Alt+F7打開「組件檢查器」，將「ContentPath」中的路徑由本地

地址替換爲網絡絕對地址

再來將該Flash發佈導出swf文件。這時候才能夠任意使用該swf文件，如同插入其餘通常Flash文件同樣

。

固然，此時還會有個播放器控制按鈕相關的一個swf文件，記得要附帶着。

第二種方式：

在第二種方式介紹以前，你有沒有發覺第一種方式有點麻煩？由於咱們是須要將視頻插入到網頁的，現

在卻須要先製做一個swf播放器文件，其中還有些曲折。而後再打開網頁編輯器將swf文件插入。

正如咱們在網頁中插入Flash按鈕同樣，先要用Flash製做按鈕，而後將該Flash插入到網頁。但你有沒有

注意到Dreamweaver提供了直接插入Flash按鈕的功能，也就是說：你沒必要去製做Flash按鈕，直接經過DW

中該途徑就能很快完成本身的須要。

那麼，一樣，如今的Dreamweaver8支持了這一功能：插入Flash視頻

你不須要去製做播放視頻的swf文件，只須要提供一個Flv視頻文件便可。這也就是我所要說的重點。

打開插入面板，選擇經常使用類別，單擊媒體按鈕後的向下箭頭，從下拉列表中選擇「
彈出的對話框中，可以使用網絡上已經固定的Flv文件地址，還能夠是選擇瀏覽本地的Flv文件，但要注意

該Flv文件應是你所定義的DW當前該站點中的，以得到相對路徑，便於以後全部文件一塊兒上傳後，同樣能

尋找到該文件。

不出所料，設置完畢後，DW8自動生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制

器皮膚文件。

那麼，最後你上傳網頁時就是4個文件一塊兒上傳。

第三種方式：

若是你仍是以爲文件比較的多，只要要一個播放器和一個Flv文件就了事。那麼，借用下Google的這個

swf播放器googleplayer.swf，本身只須要提供flv路徑就能夠了，除flv外，googleplayer.swf還支持

mp3文件。

具體如何使用google的這個播放器，Danger同窗介紹了個：

http://www.dengjie.com/weblog/comments.ASP?post_id=1066

而且還提供了個在線工具 http://dengjie.com/temp/google_player_cn.swf

如下顯示的則是經過上面的工具設置的，採用的Google的播放器。

http://video.google.com/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%

2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%

2D2%2Ejpg&playerMode=normal

固然，畢竟這個播放器是Google的，只要經過URL的參數選項便可播放相應的該視頻文件。

若是能脫離第1、第二種方式，使用第三種方法又不想使用Google的播放器，那只有本身來寫一個swf播

放器了。Danger彷佛已經完成。

個人方法則是把google的該播放器下載了下來，而後放到本身的空間裏面，接着就來使用了

http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%

2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%

2F2006%2D2%2Ejpg&playerMode=normal

百度代碼：

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。