萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 多媒體工具

FrontPage 發布線上影片完整教學:無播放器/帶播放器兩種模式

前言

隨著頻寬提升,線上影片成熱點。FP 直接插入影片如同插入圖片般簡單,提供無播放器介面與帶播放器兩種模式。

模式一:無播放器介面(右鍵選單控制)

  1. 「插入」→「圖片」→「視訊」選取影片檔,編輯模式僅顯示圖示,預覽/瀏覽器才播放。
  2. 右鍵影片圖示→「圖片屬性」→「視訊」分頁:
    ✓ 勾選「重複」或設循環次數。
    ✓ 「循環延遲」設毫秒數(循環間隔)。
    ✓ 設定開始播放方式:開啟頁面自動播放 / 滑鼠懸停播放。
  3. 預覽測試調整至滿意。

原始碼手寫法(無 FP 時)

  1. 先插入任意圖片,用記事本開原始碼找 <img border="0" src="e:\*.*">。
  2. 將 src 改為 dynsrc,值指向目標影片相對路徑(如 dynsrc="e:\aaa.avi")。
  3. 可加參數:width="xx" height="xx" 控制畫面大小;start="fileopen|mouseover" 控制觸發方式;loop="infinite|n" 循環控制;loopdelay="毫秒" 間隔。

模式二:帶 Windows Media Player 播放器

  1. 「插入」→「Web 元件」→「高級控制項」→「ActiveX 控制項」→選 Windows Media Player。
  2. 右鍵播放器→「ActiveX 控制項屬性」→「撥放」分頁:設循環次數、畫面尺寸、音量等。
  3. 切「HTML」檢視找 <param name="SAMIFileName" value>,將 value 設為影片相對路徑/檔名。

手寫完整播放器代碼範本

<p>
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1">
<param name="FileName" value="*.*"> <!-- 影片路徑/檔名 -->
<param name="PlayCount" value="a"> <!-- 重複次數,0=無限 -->
<param name="AutoStart" value="a"> <!-- 1=自動播放,0=按鍵播放 -->
<param name="ClickToPlay" value="a"> <!-- 1=點擊播放/暫停 -->
<param name="DisplaySize" value="a"> <!-- 1=原始尺寸 -->
<param name="EnableFullScreenControls" value="a"> <!-- 1=允許全螢幕 -->
<param name="ShowAudioControls" value="a"> <!-- 1=允許音量調節 -->
<param name="EnableContextMenu" value="a"> <!-- 1=允許右鍵選單 -->
</object>
</p>

存檔後用瀏覽器開啟,即擁有完整播放控制介面。

結語

無播放器模式適合簡單背景影片/廣告;帶播放器模式適合需使用者自主控制的影音內容。現代開發建議改用 HTML5 <video> 標籤,原生跨平台無外掛依賴。

copyright © 萬盛學電腦網 all rights reserved