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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

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

2、IDTH HEIGHT設定控制面板的大小例：*<html>< head>< title>播放視頻</title>< /head><body>< B><font size=4>播放視頻WINDOWS95</font></B> < P><EMBED SRC=" autostart=false loop=false width=350 height=250>< /P>< /body>< /html>swf文件中參

3、數(shù)param用法介紹html view plaincopyprint?1. <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="580" height="110"> 2. <param name="_cx" value="10372"> 3. <param name="_cy" value="2355"> 4.

4、 <param name="FlashVars" value="-1"> 5. <param name="Movie" value="swf.swf"> 6. <param name="Src" value="1.swf"> 7. <param name="WMode" value="Transparent"> 8. <param name="Play" valu

5、e="-1"> 9. <param name="Loop" value="-1"> 10. <param name="Quality" value="High"> 11. <param name="SAlign" value> 12. <param name="Menu" value="0"> 13. <param name="Base" value>

6、 14. <param name="AllowScriptAccess" value="always"> 15. <param name="Scale" value="ShowAll"> 16. <param name="DeviceFont" value="0"> 17. <param name="EmbedMovie" value="0"> 18. <param name=&qu

7、ot;BGColor" value> 19. <param name="SWRemote" value> 20. <embed src=" width="580" height="110" quality="high" pluginspage=" type="application/x-shockwave-flash" wmode="transparent" menu="false"></e

8、mbed> 21. </object> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" width="580" height="110"><param name="_cx" value="10372"> <param name="_cy" value="2355"> <param name=&qu

9、ot;FlashVars" value="-1"> <param name="Movie" value="swf.swf"> <param name="Src" value="1.swf"> <param name="WMode" value="Transparent"> <param name="Play" value="-1"> <param

10、name="Loop" value="-1"> <param name="Quality" value="High"> <param name="SAlign" value> <param name="Menu" value="0"> <param name="Base" value> <param name="AllowScriptAccess" valu

11、e="always"> <param name="Scale" value="ShowAll"> <param name="DeviceFont" value="0"> <param name="EmbedMovie" value="0"> <param name="BGColor" value> <param name="SWRemote" value&g

12、t; <embed src=" width="580" height="110" quality="high" pluginspage=" type="application/x-shockwave-flash" wmode="transparent" menu="false"></embed></object> 參數(shù)和屬性 下列標 記屬性和參數(shù)描述了由“發(fā)布”命令創(chuàng)建的 HTML 代碼。在編寫自己的用于顯示 Flash

13、 內(nèi)容的 HTML 時，可以參考此列表。除非特別說明，否 則所有條目都同時適用于 object 標記和 embed 標記?？蛇x條目也在此列出。Internet Explorer 可以識別用 于 object 標記的參數(shù)，而 Netscape 則可以識別用于 embed 標記的參數(shù)。屬性既可用于 object 標記，也可用 于 embed 標記。當自定義模板時，可以用此處列出的模板變量替代相應的值。請參閱自定義 HTML 發(fā)布模板。 注意：此部分中列出的屬性和參數(shù)特意以小寫字母顯示，以符合 XHTML 標準。 devicefont 屬性/參數(shù) 值: true | false 模板變量：$DE 說

14、明: （可選）對于未選定“設備字體”選項的靜態(tài)文本對象，指定是否仍使用設備字體進行繪制（如果操作系統(tǒng)提供了所需字體）。 src 屬性 值: movieName.swf 模板變量：$MO 說明 : 指定要加載的 SWF 文件的名稱。僅適用于 embed。 movie 參數(shù) 值: movieName.swf 模板變量：$MO 說明: 指定要加載的 SWF 文件的名稱。僅適用于 object。 classid 屬性 值: clsid:D27cdb6e-ae6d-11cf-96b8-444553540000 說明: 標識瀏覽器的 ActiveX 控件。輸入的值必須與上面的顯示完全一致。僅適用于 obj

15、ect。 width 屬性 值: n 或 n% 模板變量：$WI 說明:以像素值或瀏覽器窗口的百分比值來指定應用程序的寬度。 height 屬性 值: n 或 n% 模板變量：$HE 說明: 以像素值或瀏覽器窗口的百分比值來指定應用程序的高度。 注意：因為 Flash 應用程序是可縮放的，所以只要高寬比保持不變，不論以任何尺寸播放，它們的品質(zhì)都不會降低。（例如，以下尺寸的高寬比都是 4:3：640 x 480 像素、320 x 240 像素和 240 x 180 像素。）codebase 屬性 值: 說明: 標識 Flash Player ActiveX 控件的位置，以便在尚未安裝該控件時，瀏

16、覽器可以自動下載它。輸入的值必須與上面的顯示完全一致。僅適用于 object。pluginspage 屬性 值: 說明: 標識 Flash Player 插件的位置，以便在尚未安裝該插件時，用戶可以下載它。輸入的值必須與上面的顯示完全一致。僅適用于 embed 。 swliveconnect 屬性 值: true | false 說 明: （可選）指定第一次加載 Flash Player 時瀏覽器是否應啟動 Java。如果忽略此屬性，默認值為 false。如果在同一頁面上同時 使用 JavaScript 和 Flash，Java 必須處于運行狀態(tài)，F(xiàn)SCommand() 函數(shù)才能起作用。但是，

17、如果您運 行 JavaScript 只是為了檢測瀏覽器或用于其他與 fscommand() 動作無關的目的，則可以通過將 SWLIVECONNECT 設置 為 false，從而防止 Java 啟動。當沒有將 JavaScript 和 Flash 一起使用時，也可以通過 將 SWLIVECONNECT 屬性明確設置為 true，強制 Java 啟動。啟動 Java 會顯著增加啟動 SWF 文件所需的時間，因此，只 有在必要時才應將此標記設置為 true。僅適用于 embed。使用 fscommand() 動作可從獨立的放映文件中啟動 Java。 play 屬性/參數(shù) 值: true | fals

18、e 模板變量：$PL 說 明:（可選）指定應用程序是否在瀏覽器中加載時就開始播放。如果您的 Flash 應用程序是交互式的，則可以讓用戶通過單擊按鈕或執(zhí)行某些其他任務來開 始播放。在這種情況下，將 play 屬性設置為 false 可禁止應用程序自動開始播放。如果忽略此屬性，默認值為 true。loop 屬性/參數(shù) 值: true | false 模板變量：$LO 說明: （可選）指定 Flash 內(nèi)容在它到達最后一幀后是無限制重復播放還是停止。如果忽略此屬性，默認值為 true。 quality 屬性/參數(shù) 值: low | medium | high | autolow | autohig

19、h | best 模板變量：$QU 說明: （可選）指定在應用程序回放期間使用的消除鋸齒級別。因為消除鋸齒需要更快的處理器先對 SWF 文件的每一幀進行平滑處理，然后再將它們呈現(xiàn)到觀眾屏幕上，所以需要根據(jù)要優(yōu)化速度還是優(yōu)化外觀來選擇一個值：“Low”使回放速度優(yōu)先于外觀，而且從不使用消除鋸齒功能。 “Autolow”優(yōu)先考慮速度，但是也會盡可能改善外觀?；胤砰_始時，消除鋸齒功能處于關閉狀態(tài)。如果 flash Player 檢測到處理器可以處理消除鋸齒功能，就會打開該功能?！癆utohigh” 在開始時是回放速度和外觀兩者并重，但在必要時會犧牲外觀來保證回放速度?；胤砰_始時，消除鋸齒功能處于打開

20、狀態(tài)。如果實際幀頻降到指定幀頻之下，就會關 閉消除鋸齒功能以提高回放速度。使用此設置可模擬 flash 中的“消除鋸齒”命令（“查看”>“預覽模式”>“消除鋸齒”）?！癕edium”會應用一些消除鋸齒功能，但并不會平滑位圖。該設置生成的圖像品質(zhì)要高于“Low”設置生成的圖像品質(zhì)，但低于“High”設置生成的圖像品質(zhì)。 “High”使外觀優(yōu)先于回放速度，它始終應用消除鋸齒功能。如果 SWF 文件不包含動畫，則會對位圖進行平滑處理；如果 SWF 文件包含動畫，則不會對位圖進行平滑處理。“Best”提供最佳的顯示品質(zhì)，而不考慮回放速度。對所有輸出都進行消除鋸齒處理，并且對所有位圖都進行平

21、滑處理。 如果忽略 quality 屬性，其默認值為 high。 bgcolor 屬性/參數(shù) 值: #RRGGBB（十六進制 RGB 值） 模板變量：$BG 說明: （可選）指定應用程序的背景色。使用此屬性來覆蓋在 flash SWF 文件中指定的背景色設置。此屬性不影響 HTML 頁面的背景色。 scale 屬性/參數(shù) 值: showall | noborder | exactfit 模板變量：$SC 說明: （可選）當 width 和 height 值是百分比時，定義應用程序如何放置在瀏覽器窗口中。 “Showall”（默認值）使整個 flash 內(nèi)容顯示在指定區(qū)域中，且不會發(fā)生扭曲，同時

22、保持它的原始高寬比。邊框可能會出現(xiàn)在應用程序的兩側。 “Noborder”對 flash 內(nèi)容進行縮放以填充指定區(qū)域，不會發(fā)生扭曲，它會使應用程序保持原始高寬比，但有可能會進行一些裁剪。 “Exactfit”使整個 flash 內(nèi)容顯示在指定區(qū)域中，但不嘗試保持原始高寬比?？赡軙l(fā)生扭曲。 如果忽略此屬性（而且 width 和 height 值是百分比），則它的默認值是 showall。 align 屬性 值: Default | L | R | T | B 模板變量：$HA 說明: 指定 object、embed 和 img 標記的 align 值，并確定如何在瀏覽器窗口內(nèi)放置 flash

23、SWF 文件。 “默認”使應用程序在瀏覽器窗口內(nèi)居中顯示，如果瀏覽器窗口小于應用程序，則會裁剪邊緣。 L、R、T 和 B 讓應用程序分別沿著瀏覽器窗口的左、右、上、下邊緣對齊，并根據(jù)需要裁剪其余三邊。 salign 參數(shù) 值: L | R | T | B | TL | TR | BL | BR 模板變量：$SA 說明: （可選）指定縮放的 flash SWF 文件在由 width 和 height 設置定義的區(qū)域內(nèi)的位置。有關這些條件的詳細信息，請參閱scale 屬性/參數(shù)。L、R、T 和 B 讓應用程序分別沿著瀏覽器窗口的左、右、上、下邊緣對齊，并根據(jù)需要裁剪其余三邊。 TL 和 TR 讓應

24、用程序分別與瀏覽器窗口的左上角和右上角對齊，并根據(jù)需要裁剪底邊和剩余的右側或左側邊緣。 BL 和 BR 讓應用程序分別與瀏覽器窗口的左下角和右下角對齊，并根據(jù)需要裁剪頂邊和剩余的右側或左側邊緣。 如果忽略此屬性，flash 內(nèi)容會在瀏覽器窗口中居中顯示。 base 屬性 值: 基本目錄或 URL 說明: （可選）指定用于解析 flash SWF 文件中的所有相對路徑語句的基本目錄或 URL。如果 SWF 文件保存在與您的其他文件不同的目錄下，這個屬性是非常有用。menu 屬性/參數(shù) 值: true | false 模板變量：$ME 說明: （可選）指定當觀眾在瀏覽器中右擊 (Windows)

25、或按住 Command 鍵單擊 (Macintosh) 應用程序區(qū)域時將顯示的菜單類型。 “true” 顯示完整的菜單，讓用戶使用各種選項增強或控制回放。 “false” 顯示的是一個只包含“關于 Macromedia flash Player 6”選項和“設置”選項的菜單。 如果忽略此屬性，默認值為 true。 wmode 屬性/參數(shù) 值: Window | Opaque | Transparent 模板變量：$WM 說明: （可選）使您可以使用 Internet Explorer 4.0 中的透明 Flash 內(nèi)容、絕對定位和分層顯示的功能。此標記/屬性僅在帶有 flash Player

26、ActiveX 控件的 Windows 中有效?！癢indow”在 Web 頁上用影片自己的矩形窗口來播放應用程序?！癢indow”表明 flash 應用程序與 HTML 層沒有任何交互，并且始終位于最頂層。 “Opaque” 使應用程序隱藏頁面上位于它后面的所有內(nèi)容。 “Transparent”使 HTML 頁的背景可以透過應用程序的所有透明部分進行顯示，這樣可能會降低動畫性能。 “Opaque windowless” 和“Transparent windowless” 都可與 HTML 層交互，并允許 SWF 文件上方的層遮蔽應用程序。這兩種選項之間的差異在于 “Transparent”允

27、許透明，因此，如果 SWF 文件的某一部分是透明的，則 SWF 文件下方的 HTML 層可以透過該部分顯示出來。如果忽略此屬性，默認值為 Window。僅適用于 object。 allowscriptaccess 屬性/參數(shù) 值: always | never | samedomain 說 明: 使用 allowscriptaccess 使 Flash 應用程序可與承載它的 HTML 頁通信。此參數(shù)是必需的，因 為 fscommand() 和 getURL() 操作可能導致 JavaScript 使用 HTML 頁的權限，而該權限可能與 flash 應用 程序的權限不同。這與跨域安全性有著重要

28、關系。always 允許隨時執(zhí)行腳本操作。 never 禁止所有腳本執(zhí)行操作。 samedomain 只有在 flash 應用程序來自與 HTML 頁相同的域時才允許執(zhí)行腳本操作。 下面筆者以IE5.0為例，說明一個嵌入式WEB視頻點播系統(tǒng)的實現(xiàn)方法，其中用到了部分PHP和JavaScript技術，有疑惑的讀者請參考相關資料。 一、插入RealPlayer ActiveX對象（如果要進行測試，需要先安裝RealPlayer播放器） 假定以下代碼包含在video.php文檔中（該文件將在主頁面中通過 <iframe> 進行鏈接）。 html view plaincopyprint?1

29、. <object width= "320 " 2. height= "250 " classid= "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA "> 3. <param name= "CONTROLS " value= "ImageWindow "> 4. <param name= "CONSOLE " value= "Video "> 5. <param name=

30、"CENTER " value= "TRUE "> 6. <param name= "MAINTAINSPECT " value= "TRUE "> 7. </object> /定義播放界面 8. <object width= "320 " height= "30 " classid= "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA "> 9. <param name=

31、 "CONTROLS " value= "StatusBar "> 10. <param name= "CONSOLE " value= "Video "> 11. </object> /定義狀態(tài)欄 12. <object width= "320 " height= "30 " classid= "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA "> 13. <param

32、 name= "CONTROLS " value= "ControlPanel "> 14. <param name= "CONSOLE " value= "Video "> 15. <param name= "SRC " value= " <?php echo getsrc(); ?> "> 16. <param name= "AUTOSTART " value= "TRUE ">

33、 17. <param name= "PREFETCH " value= "0 "> 18. <param name= "LOOP " value= "0 "> 19. <param name= "NUMLOOP " value= "0 "> 20. </object> /定義控制面板 <object width= "320 " height= "250 " classid= &qu

34、ot;clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA "> <param name= "CONTROLS " value= "ImageWindow "> <param name= "CONSOLE " value= "Video "> <param name= "CENTER " value= "TRUE "> <param name= "MAINTAINSPECT &

35、quot; value= "TRUE "> </object> /定義播放界面 <object width= "320 " height= "30 " classid= "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA "><param name= "CONTROLS " value= "StatusBar "> <param name= "CONSOLE " value

36、= "Video "> </object> /定義狀態(tài)欄 <object width= "320 " height= "30 " classid= "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA "><param name= "CONTROLS " value= "ControlPanel "> <param name= "CONSOLE " value= "

37、Video "> <param name= "SRC " value= " <?php echo getsrc(); ?> "> <param name= "AUTOSTART " value= "TRUE "> <param name= "PREFETCH " value= "0 "> <param name= "LOOP " value= "0 "> <

38、;param name= "NUMLOOP " value= "0 "> </object> /定義控制面板 其中，CONTROLS參數(shù)用來指定播放器的控件外觀，可以用多個控件進行組合，并通過CONSOLE參數(shù)進行關聯(lián)。 有關param參數(shù)，讀者可以參閱RealPlayer官方網(wǎng)站這里的SRC參數(shù)尤為重要，用來指定視頻流文件的URL地址。這里筆者使用PHP代碼的方法動態(tài)的指定SRC，讀者也可以使用其它如ASP，或完全通過 JavaScript 實現(xiàn)。 二、使用DHTML動態(tài)控制RealPlayer控件的播放 小技巧： <IFRAM

39、E> 的妙用。由于為RealPlayer控件指定新的SRC需要刷新頁面，使用 <IFRAME> 可以把RealPlayer控件嵌入到單獨的頁面中，這樣，動態(tài)刷新就是在 <IFRAME> 內(nèi)進行，不會影響用戶觀看頁面其它內(nèi)容。以下代碼包含在主頁面中： html view plaincopyprint?1. <IFRAME id= "iVideo " SRC=" " Width=500 2. Height=345 frameborder=0 SCROLLING= "no "> 3.4. </

40、IFRAME> <IFRAME id= "iVideo " SRC=" " Width=500Height=345 frameborder=0 SCROLLING= "no "> </IFRAME> ，其中，video.php文件用力顯示RealPlayer控件。 下面我們加入簡單的JavaScript 代碼用來控制視頻的播放。 javascript view plaincopyprint?1. <script language= "JavaScript "> 2. fun

41、ction play(filename) 3. top.document.all( "iVideo ").src = "video.php?src=" 4. / iVideo 是剛剛定義的IFRAME 的標識符 5. </script> <script language= "JavaScript "> function play(filename) top.document.all( "iVideo ").src = "video.php?src=" / iVideo 是

42、剛剛定義的IFRAME 的標識符 </script> 我們可以使用javascript控制RealPlayer插件更復雜的功能，如提取視頻的長寬、測試用戶的網(wǎng)絡速率、自定義播放事件等等。關于RealPlayer ActiveX開發(fā)的具體細節(jié)，請參閱RealPlayer官方網(wǎng)站我們假設有一個視頻文件，其URL為http:/YourURL/filename.ram，那么我們就可以這樣定義： <a href= "JavaScript:play( 'http:/YourURL/filename.ram ') "> 文件1 </a>

43、 ，如果文件是在本地，URL也可以為相對路徑。三、檢測用戶是否安裝RealPlayer播放器 在頁面的 <head> </head> 部分加入以下JavaScript代碼，用以檢測用戶是否安裝RealPlayer播放器： javascript view plaincopyprint?1. <SCRIPT LANGUAGE=JavaScript> 2.3. <!- 4.5. var RealMode=0; 6. var RealPlayer5=0; 7. var RealPlayer4=0; 8. var RealPlayerG2=0; 9. if (n

44、avigator.userAgent.indexOf( "MSIE ") < 0 ) 10. numPlugins = navigator.plugins.length; 11. for (i = 0; i < numPlugins; i+) 12. plugin = navigator.pluginsi; 13. if (.substring(0,10)= "RealPlayer ") 14. RealMode=1; 15. 16. 17. 18.19.20. / 以下代碼通過VBScript的CreateObject

45、()函數(shù)動態(tài)的創(chuàng)建RealPlayer對象 21. document.write( ' <SCRIPT LANGUAGE=VBScript> n '); 22. document.write( 'on error resume next n '); 23. document.write( 'RealPlayerG2 = (NOT IsNull(CreateObject( "rmocx.RealPlayer 24. G2 Control ")n '); 25. document.write( 'RealPlayer5 = (NOT IsNull(CreateObject( "RealPlayer.RealPlayer(tm) 26. ActiveX Control (32-bit) ")n '); 27. document.write( 'RealPlayer4 = (NOT IsNull(CreateObject( "RealVideo.RealVideo(tm) 28. Active

溫馨提示

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

評論

0/150

提交評論