網頁嵌入視頻播放代碼全攻略：Windows Media Player、RealPlayer 與 Flash Player 實作指南

前言

在早期網頁開發中，嵌入視頻播放器是常見需求。雖然現代網頁已轉向 HTML5 <video> 標籤，但理解傳統 ActiveX 與插件式播放代碼對於維護舊專案、研究網頁技術演進仍具參考價值。本文整理三種主流早期播放方案：Windows Media Player（WMV/ASF）、RealPlayer（RM/RAM）與 Flash Player（SWF），提供完整代碼範例與關鍵參數說明。

方案一：Windows Media Player 播放 WMV/ASF 格式

利用 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" 呼叫系統安裝的 Windows Media Player ActiveX 控制項，支援 WMV、ASF 等微軟格式。

<object align="middle" class="OBJECT" 
  classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" 
  height="320" id="MediaPlayer" width="356">
  <param name="ShowStatusBar" value="-1">
  <param name="Filename" value="影片網址">
  <embed type="application/x-oleobject" 
    codebase="https://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" 
    flename="mp" src="影片網址" width="356" height="320">
  </embed>
</object>

關鍵參數說明：

• ShowStatusBar：-1 顯示狀態列，0 隱藏
• Filename / src：影片檔案的完整 URL 路徑
• codebase：若用戶未安裝播放器，瀏覽器將從此處下載安裝包

方案二：RealPlayer 播放 RM/RAM 格式

RealPlayer 採用雙物件架構：播放視窗負責影像渲染，控制面板提供播放/暫停/音量等控制，兩者透過 console="Clip1" 關聯。

播放視窗代碼

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 
  height="285" id="RAOCX" name="rmplay" width="356">
  <param name="SRC" value="影片網址">
  <param name="CONSOLE" value="Clip1">
  <param name="CONTROLS" value="ImageWindow">
  <param name="AUTOSTART" value="true">
  <embed src="影片網址" autostart="true" 
    controls="ImageWindow" console="Clip1" 
    pluginspage="https://www.real.com" 
    width="356" height="285">
  </embed>
</object>

控制面板代碼（緊跟播放視窗放置）

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 
  height="27" id="video1" width="356">
  <param name="_ExtentX" value="7276">
  <param name="_ExtentY" value="1058">
  <param name="AUTOSTART" value="0">
  <param name="CONTROLS" value="ControlPanel">
  <param name="CONSOLE" value="Clip1">
  <param name="BACKGROUNDCOLOR" value="#ffffff">
  <embed type="audio/x-pn-realaudio-plugin" 
    console="Clip1" controls="ControlPanel" 
    height="27" width="356" autostart="0" 
    backgroundcolor="#ffffff">
  </embed>
</object>

核心機制： 兩個 <object> 共用 CONSOLE="Clip1"，RealPlayer 內部自動同步播放狀態。

方案三：Flash Player 播放 SWF 格式

經典 clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 方案，適用於 Flash 動畫、互動內容與早期視頻播放器（如 FLV 封裝）。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
  codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" 
  width="356" height="320">
  <param name="movie" value="flash網址">
  <param name="quality" value="high">
  <embed src="flash網址" quality="high" 
    pluginspage="https://www.macromedia.com/go/getflashplayer" 
    type="application/x-shockwave-flash" 
    width="356" height="320">
  </embed>
</object>

參數重點：

• movie：SWF 檔案路徑
• quality：high / low / autolow / autohigh / best
• codebase / pluginspage：引導用戶安裝 Flash Player

現代替代方案建議

上述技術均已淘汰，現代專案請採用：

• HTML5 原生播放：<video src="..." controls></video>，支援 MP4、WebM、OGG
• 自適應串流：HLS (m3u8) 或 DASH (mpd) 搭配 Video.js、hls.js、dash.js
• 影片平台嵌入：YouTube、Vimeo iframe 嵌入，免去轉碼與頻寬壓力

總結

本文保存了早期網頁視頻嵌入的三大經典方案完整代碼。雖然瀏覽器已不再支援 ActiveX/NPAPI 插件，但這些代碼見證了網頁多媒體從「插件依賴」走向「原生標準」的演進歷程。維護舊系統時可參考本文快速定位問題；新專案請毫猶豫採用 HTML5 標準。