編寫網(wǎng)頁中能打開的視頻_第1頁
編寫網(wǎng)頁中能打開的視頻_第2頁
編寫網(wǎng)頁中能打開的視頻_第3頁
編寫網(wǎng)頁中能打開的視頻_第4頁
編寫網(wǎng)頁中能打開的視頻_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

在HTML中添加視頻的代碼自動(dòng)載入視頻與音樂的播放一樣，我們可以使用EMBED標(biāo)簽播放視頻，<EMBEDSRC="/qianxue126@126/blog/視頻文件地址">屬性有：SRC="/qianxue126@126/blog/FILENAME"設(shè)定文件的路徑AUTOSTART=TRUE/FALSE是否要文件傳送完就自動(dòng)播放，TRUE是要，F(xiàn)ALSE是不要，默認(rèn)為FALSELOOP=TRUE/FALSE設(shè)定播放重復(fù)次數(shù)，LOOP=6表示重復(fù)6次，TRUE表示無限次播放，F(xiàn)ALSE播放一次即停止。STARTIME="分:秒"設(shè)定開始播放時(shí)間，如20秒后播放寫為STARTIME=00:20VOLUME=0-100設(shè)定音量的大小。如果沒設(shè)定的話，就用系統(tǒng)的音量。WIDTHHEIGHT設(shè)定控制面板的大小例：

*************************************<html>

<head>

<title>播放視頻</title>

</head><body>

<B><fontsize=4>播放視頻WINDOWS95</font></B>

<P>

<EMBEDSRC="/qianxue126@126/blog/welcome.avi"autostart=falseloop=falsewidth=350height=250>

</P>

</body>

</html>swf文件中參數(shù)param用法介紹[html]\o"viewplain"viewplain\o"copy"copy\o"print"print\o"?"?<objectclassid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="580"height="110"><paramname="_cx"value="10372"><paramname="_cy"value="2355"><paramname="FlashVars"value="-1"><paramname="Movie"value="swf.swf"><paramname="Src"value="1.swf"><paramname="WMode"value="Transparent"><paramname="Play"value="-1"><paramname="Loop"value="-1"><paramname="Quality"value="High"><paramname="SAlign"value><paramname="Menu"value="0"><paramname="Base"value><paramname="AllowScriptAccess"value="always"><paramname="Scale"value="ShowAll"><paramname="DeviceFont"value="0"><paramname="EmbedMovie"value="0"><paramname="BGColor"value><paramname="SWRemote"value><embedsrc="/qianxue126@126/blog/1.swf"width="580"height="110"quality="high"pluginspage="/go/getflashplayer"type="application/x-shockwave-flash"wmode="transparent"menu="false"></embed></object>

參數(shù)和屬性

下列標(biāo)記屬性和參數(shù)描述了由“發(fā)布”命令創(chuàng)建的HTML代碼。在編寫自己的用于顯示Flash內(nèi)容的HTML時(shí)，可以參考此列表。除非特別說明，否則所有條目都同時(shí)適用于object標(biāo)記和embed標(biāo)記?？蛇x條目也在此列出。InternetExplorer可以識(shí)別用于object標(biāo)記的參數(shù)，而Netscape則可以識(shí)別用于embed標(biāo)記的參數(shù)。屬性既可用于object標(biāo)記，也可用于embed標(biāo)記。當(dāng)自定義模板時(shí)，可以用此處列出的模板變量替代相應(yīng)的值。請參閱自定義HTML發(fā)布模板。

注意：此部分中列出的屬性和參數(shù)特意以小寫字母顯示，以符合XHTML標(biāo)準(zhǔn)。

devicefont屬性/參數(shù)

值:true|false

模板變量：$DE

說明:

（可選）對于未選定“設(shè)備字體”選項(xiàng)的靜態(tài)文本對象，指定是否仍使用設(shè)備字體進(jìn)行繪制（如果操作系統(tǒng)提供了所需字體）。

src屬性

值:movieName.swf

模板變量：$MO

說明:指定要加載的SWF文件的名稱。僅適用于embed。

movie參數(shù)

值:movieName.swf

模板變量：$MO

說明:指定要加載的SWF文件的名稱。僅適用于object。

classid屬性

值:clsid:D27cdb6e-ae6d-11cf-96b8-444553540000

說明:標(biāo)識(shí)瀏覽器的ActiveX控件。輸入的值必須與上面的顯示完全一致。僅適用于object。

width屬性

值:n或n%

模板變量：$WI

說明:以像素值或?yàn)g覽器窗口的百分比值來指定應(yīng)用程序的寬度。

height屬性

值:n或n%

模板變量：$HE

說明:以像素值或?yàn)g覽器窗口的百分比值來指定應(yīng)用程序的高度。

注意：因?yàn)镕lash應(yīng)用程序是可縮放的，所以只要高寬比保持不變，不論以任何尺寸播放，它們的品質(zhì)都不會(huì)降低。（例如，以下尺寸的高寬比都是4:3：640x480像素、320x240像素和240x180像素。）

codebase屬性

值:/flash7/cabs/swflash.cab#version=7,0,0,0

說明:標(biāo)識(shí)FlashPlayerActiveX控件的位置，以便在尚未安裝該控件時(shí)，瀏覽器可以自動(dòng)下載它。輸入的值必須與上面的顯示完全一致。僅適用于object。

pluginspage屬性

值:/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash

說明:標(biāo)識(shí)FlashPlayer插件的位置，以便在尚未安裝該插件時(shí)，用戶可以下載它。輸入的值必須與上面的顯示完全一致。僅適用于embed。

swliveconnect屬性

值:true|false

說明:（可選）指定第一次加載FlashPlayer時(shí)瀏覽器是否應(yīng)啟動(dòng)Java。如果忽略此屬性，默認(rèn)值為false。如果在同一頁面上同時(shí)使用JavaScript和Flash，Java必須處于運(yùn)行狀態(tài)，F(xiàn)SCommand()函數(shù)才能起作用。但是，如果您運(yùn)行JavaScript只是為了檢測瀏覽器或用于其他與fscommand()動(dòng)作無關(guān)的目的，則可以通過將SWLIVECONNECT設(shè)置為false，從而防止Java啟動(dòng)。當(dāng)沒有將JavaScript和Flash一起使用時(shí)，也可以通過將SWLIVECONNECT屬性明確設(shè)置為true，強(qiáng)制Java啟動(dòng)。啟動(dòng)Java會(huì)顯著增加啟動(dòng)SWF文件所需的時(shí)間，因此，只有在必要時(shí)才應(yīng)將此標(biāo)記設(shè)置為true。僅適用于embed。

使用fscommand()動(dòng)作可從獨(dú)立的放映文件中啟動(dòng)Java。

play屬性/參數(shù)

值:true|false

模板變量：$PL

說明:（可選）指定應(yīng)用程序是否在瀏覽器中加載時(shí)就開始播放。如果您的Flash應(yīng)用程序是交互式的，則可以讓用戶通過單擊按鈕或執(zhí)行某些其他任務(wù)來開始播放。在這種情況下，將play屬性設(shè)置為false可禁止應(yīng)用程序自動(dòng)開始播放。如果忽略此屬性，默認(rèn)值為true。

loop屬性/參數(shù)

值:true|false

模板變量：$LO

說明:（可選）指定Flash內(nèi)容在它到達(dá)最后一幀后是無限制重復(fù)播放還是停止。如果忽略此屬性，默認(rèn)值為true。

quality屬性/參數(shù)

值:low|medium|high|autolow|autohigh|best

模板變量：$QU

說明:（可選）指定在應(yīng)用程序回放期間使用的消除鋸齒級(jí)別。因?yàn)橄忼X需要更快的處理器先對SWF文件的每一幀進(jìn)行平滑處理，然后再將它們呈現(xiàn)到觀眾屏幕上，所以需要根據(jù)要優(yōu)化速度還是優(yōu)化外觀來選擇一個(gè)值：

“Low”使回放速度優(yōu)先于外觀，而且從不使用消除鋸齒功能。

“Autolow”優(yōu)先考慮速度，但是也會(huì)盡可能改善外觀?；胤砰_始時(shí)，消除鋸齒功能處于關(guān)閉狀態(tài)。如果flashPlayer檢測到處理器可以處理消除鋸齒功能，就會(huì)打開該功能。

“Autohigh”在開始時(shí)是回放速度和外觀兩者并重，但在必要時(shí)會(huì)犧牲外觀來保證回放速度?；胤砰_始時(shí)，消除鋸齒功能處于打開狀態(tài)。如果實(shí)際幀頻降到指定幀頻之下，就會(huì)關(guān)閉消除鋸齒功能以提高回放速度。使用此設(shè)置可模擬flash中的“消除鋸齒”命令（“查看”>“預(yù)覽模式”>“消除鋸齒”）。

“Medium”會(huì)應(yīng)用一些消除鋸齒功能，但并不會(huì)平滑位圖。該設(shè)置生成的圖像品質(zhì)要高于“Low”設(shè)置生成的圖像品質(zhì)，但低于“High”設(shè)置生成的圖像品質(zhì)。

“High”使外觀優(yōu)先于回放速度，它始終應(yīng)用消除鋸齒功能。如果SWF文件不包含動(dòng)畫，則會(huì)對位圖進(jìn)行平滑處理；如果SWF文件包含動(dòng)畫，則不會(huì)對位圖進(jìn)行平滑處理。

“Best”提供最佳的顯示品質(zhì)，而不考慮回放速度。對所有輸出都進(jìn)行消除鋸齒處理，并且對所有位圖都進(jìn)行平滑處理。

如果忽略quality屬性，其默認(rèn)值為high。

bgcolor屬性/參數(shù)

值:#RRGGBB（十六進(jìn)制RGB值）

模板變量：$BG

說明:（可選）指定應(yīng)用程序的背景色。使用此屬性來覆蓋在flashSWF文件中指定的背景色設(shè)置。此屬性不影響HTML頁面的背景色。

scale屬性/參數(shù)

值:showall|noborder|exactfit

模板變量：$SC

說明:（可選）當(dāng)width和height值是百分比時(shí)，定義應(yīng)用程序如何放置在瀏覽器窗口中。

“Showall”（默認(rèn)值）使整個(gè)flash內(nèi)容顯示在指定區(qū)域中，且不會(huì)發(fā)生扭曲，同時(shí)保持它的原始高寬比。邊框可能會(huì)出現(xiàn)在應(yīng)用程序的兩側(cè)。

“Noborder”對flash內(nèi)容進(jìn)行縮放以填充指定區(qū)域，不會(huì)發(fā)生扭曲，它會(huì)使應(yīng)用程序保持原始高寬比，但有可能會(huì)進(jìn)行一些裁剪。

“Exactfit”使整個(gè)flash內(nèi)容顯示在指定區(qū)域中，但不嘗試保持原始高寬比?？赡軙?huì)發(fā)生扭曲。

如果忽略此屬性（而且width和height值是百分比），則它的默認(rèn)值是showall。

align屬性

值:Default|L|R|T|B

模板變量：$HA

說明:指定object、embed和img標(biāo)記的align值，并確定如何在瀏覽器窗口內(nèi)放置flashSWF文件。

“默認(rèn)”使應(yīng)用程序在瀏覽器窗口內(nèi)居中顯示，如果瀏覽器窗口小于應(yīng)用程序，則會(huì)裁剪邊緣。

L、R、T和B讓應(yīng)用程序分別沿著瀏覽器窗口的左、右、上、下邊緣對齊，并根據(jù)需要裁剪其余三邊。

salign參數(shù)

值:L|R|T|B|TL|TR|BL|BR

模板變量：$SA

說明:（可選）指定縮放的flashSWF文件在由width和height設(shè)置定義的區(qū)域內(nèi)的位置。有關(guān)這些條件的詳細(xì)信息，請參閱scale屬性/參數(shù)。

L、R、T和B讓應(yīng)用程序分別沿著瀏覽器窗口的左、右、上、下邊緣對齊，并根據(jù)需要裁剪其余三邊。

TL和TR讓應(yīng)用程序分別與瀏覽器窗口的左上角和右上角對齊，并根據(jù)需要裁剪底邊和剩余的右側(cè)或左側(cè)邊緣。

BL和BR讓應(yīng)用程序分別與瀏覽器窗口的左下角和右下角對齊，并根據(jù)需要裁剪頂邊和剩余的右側(cè)或左側(cè)邊緣。

如果忽略此屬性，flash內(nèi)容會(huì)在瀏覽器窗口中居中顯示。

base屬性

值:基本目錄或URL

說明:（可選）指定用于解析flashSWF文件中的所有相對路徑語句的基本目錄或URL。如果SWF文件保存在與您的其他文件不同的目錄下，這個(gè)屬性是非常有用。

menu屬性/參數(shù)

值:true|false

模板變量：$ME

說明:（可選）指定當(dāng)觀眾在瀏覽器中右擊(Windows)或按住Command鍵單擊(Macintosh)應(yīng)用程序區(qū)域時(shí)將顯示的菜單類型。

“true”顯示完整的菜單，讓用戶使用各種選項(xiàng)增強(qiáng)或控制回放。

“false”顯示的是一個(gè)只包含“關(guān)于MacromediaflashPlayer6”選項(xiàng)和“設(shè)置”選項(xiàng)的菜單。

如果忽略此屬性，默認(rèn)值為true。

wmode屬性/參數(shù)

值:Window|Opaque|Transparent

模板變量：$WM

說明:（可選）使您可以使用InternetExplorer4.0中的透明Flash內(nèi)容、絕對定位和分層顯示的功能。此標(biāo)記/屬性僅在帶有flashPlayerActiveX控件的Windows中有效。

“Window”在Web頁上用影片自己的矩形窗口來播放應(yīng)用程序?！癢indow”表明flash應(yīng)用程序與HTML層沒有任何交互，并且始終位于最頂層。

“Opaque”使應(yīng)用程序隱藏頁面上位于它后面的所有內(nèi)容。

“Transparent”使HTML頁的背景可以透過應(yīng)用程序的所有透明部分進(jìn)行顯示，這樣可能會(huì)降低動(dòng)畫性能。

“Opaquewindowless”和“Transparentwindowless”都可與HTML層交互，并允許SWF文件上方的層遮蔽應(yīng)用程序。這兩種選項(xiàng)之間的差異在于“Transparent”允許透明，因此，如果SWF文件的某一部分是透明的，則SWF文件下方的HTML層可以透過該部分顯示出來。

如果忽略此屬性，默認(rèn)值為Window。僅適用于object。

allowscriptaccess屬性/參數(shù)

值:always|never|samedomain

說明:使用allowscriptaccess使Flash應(yīng)用程序可與承載它的HTML頁通信。此參數(shù)是必需的，因?yàn)閒scommand()和getURL()操作可能導(dǎo)致JavaScript使用HTML頁的權(quán)限，而該權(quán)限可能與flash應(yīng)用程序的權(quán)限不同。這與跨域安全性有著重要關(guān)系。

always允許隨時(shí)執(zhí)行腳本操作。

never禁止所有腳本執(zhí)行操作。

samedomain只有在flash應(yīng)用程序來自與HTML頁相同的域時(shí)才允許執(zhí)行腳本操作。

下面筆者以IE5.0為例，說明一個(gè)嵌入式WEB視頻點(diǎn)播系統(tǒng)的實(shí)現(xiàn)方法，其中用到了部分PHP和JavaScript技術(shù)，有疑惑的讀者請參考相關(guān)資料。

一、插入RealPlayerActiveX對象（如果要進(jìn)行測試，需要先安裝RealPlayer播放器）

假定以下代碼包含在video.php文檔中（該文件將在主頁面中通過<iframe>進(jìn)行鏈接）。[html]\o"viewplain"viewplain\o"copy"copy\o"print"print\o"?"?<objectwidth="320"height="250"classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><paramname="CONTROLS"value="ImageWindow"><paramname="CONSOLE"value="Video"><paramname="CENTER"value="TRUE"><paramname="MAINTAINSPECT"value="TRUE"></object>//定義播放界面<objectwidth="320"height="30"classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><paramname="CONTROLS"value="StatusBar"><paramname="CONSOLE"value="Video"></object>//定義狀態(tài)欄<objectwidth="320"height="30"classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><paramname="CONTROLS"value="ControlPanel"><paramname="CONSOLE"value="Video"><paramname="SRC"value="<?phpechogetsrc();?>"><paramname="AUTOSTART"value="TRUE"><paramname="PREFETCH"value="0"><paramname="LOOP"value="0"><paramname="NUMLOOP"value="0"></object>//定義控制面板

其中，CONTROLS參數(shù)用來指定播放器的控件外觀，可以用多個(gè)控件進(jìn)行組合，并通過CONSOLE參數(shù)進(jìn)行關(guān)聯(lián)。

有關(guān)param參數(shù)，讀者可以參閱RealPlayer官方網(wǎng)站/help/library/guides/production/htmfiles/control.htm。

這里的SRC參數(shù)尤為重要，用來指定視頻流文件的URL地址。這里筆者使用PHP代碼的方法動(dòng)態(tài)的指定SRC，讀者也可以使用其它如ASP，或完全通過

JavaScript實(shí)現(xiàn)。

二、使用DHTML動(dòng)態(tài)控制RealPlayer控件的播放

小技巧：<IFRAME>的妙用。由于為RealPlayer控件指定新的SRC需要刷新頁面，使用<IFRAME>可以把RealPlayer控件嵌入到單獨(dú)的頁面中，這樣，動(dòng)態(tài)刷新就是在<IFRAME>內(nèi)進(jìn)行，不會(huì)影響用戶觀看頁面其它內(nèi)容。

以下代碼包含在主頁面中：[html]\o"viewplain"viewplain\o"copy"copy\o"print"print\o"?"?<IFRAMEid="iVideo"SRC="/qianxue126@126/blog/video.php"Width=500Height=345frameborder=0SCROLLING="no"></IFRAME>

，其中，video.php文件用力顯示RealPlayer控件。

下面我們加入簡單的JavaScript代碼用來控制視頻的播放。[javascript]\o"viewplain"viewplain\o"copy"copy\o"print"print\o"?"?<scriptlanguage="JavaScript">functionplay(filename){top.document.all("iVideo").src="video.php?src="/qianxue126@126/blog/+filename;}//iVideo是剛剛定義的IFRAME的標(biāo)識(shí)符</script>

我們可以使用javascript控制RealPlayer插件更復(fù)雜的功能，如提取視頻的長寬、測試用戶的網(wǎng)絡(luò)速率、自定義播放事件等等。關(guān)于RealPlayer

ActiveX開發(fā)的具體細(xì)節(jié)，請參閱RealPlayer官方網(wǎng)站/help/library/guides/extend/embed.htm。

我們假設(shè)有一個(gè)視頻文件，其URL為http://YourURL/filename.ram，那么我們就可以這樣定義：

<ahref="JavaScript:play('http://YourURL/filename.ram')">文件1</a>，如果文件是在本地，URL也可以為相對路徑。

三、檢測用戶是否安裝RealPlayer播放器

在頁面的<head></head>部分加入以下JavaScript代碼，用以檢測用戶是否安裝RealPlayer播放器：

[javascript]\o"viewplain"viewplain\o"copy"copy\o"print"printHYPER

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論