An Intro to Web Media Players
網頁視訊與媒體播放器

Intro 導論 Windows Media Player Adobe Flash Player YouTube Player HTML5 Player Advanced 進階

視訊播放標籤命令與應用變遷

網頁影音視訊的應用與發展，與 4 件事有關：網頁媒體播放器命令、媒體播放器、檔案格式、瀏覽器，而又以 HTML 4 與 HTML 5 形成分水嶺。

網頁媒體播放器命令

There are two ways to insert media your own by <Embed> and <Object>. While it uses <iframe> to play remote media such as YouTube play.

The embed tag was dThere are two ways to insert media your own by <Embed> and <Object>. While it uses <iframe> to play remote media such as YouTube play.

The embed tag was deprecated in HTML 4 and XHTML 1.0 in favor of the object tag, but then was added back into the HTML 5 specification.

網頁插入自有廣播影音物件的語法最早是使用<embed>，HTML 4 和XHTML 1.0停用<embed>而改用<object>，但 HTML 5 又恢復使用<embed>，同時再新增<video> 和 <audio> 命令。

網頁媒體播放器 4 大命令

網頁媒體播放器 4 大命令是<video>,<audio>,<embed>, <object>，前兩者分別以「HTML5 媒體播放器:旭光戰場」與「網路音訊與網路收音機」專章介述。

後兩者雖已有逐漸少用的趨勢，但由於<video>,<audio>所支援的檔案格式有限，如要兼容廣泛的影音檔案格式，還是有用到的必要。

<embed>

HTML5 時代

媒體播放器 Players

媒體播放器通常都是兼可播放視訊與音樂、音效。

內嵌 ﹦外掛 ﹦插入 Embedded = Plug-ins = Insert

當前的網頁設計，都是使用以上命令處理「內嵌、外掛、插入」媒體播放器。

「內嵌、外掛、插入」這 3 個字面上看起來甚至相反的詞，其實是指同一件事：設計編輯者在網頁內「插入」瀏覽器「外掛」的播放器程式，而形成瀏覽者直接在網頁上看到的「內嵌」播放器，而不是跳到其他網頁、視窗、甚至軟體中去看。

但如果使用者的瀏覽器，沒有「外掛」網頁擬內嵌的播放器程式，使用者當然還是看不到。

檔案格式

早期不同的播放器，常有自訂專用的檔案格式，現在則發展通用格式，而各播放器也多能播放各種流行的格式。

瀏覽器

早期 PC 的瀏覽器只有 IE 與 Firefox 之爭，近年加入 Chrome 成為 PC 三大，如再考慮 Apple 與行動裝置的整合，加入 Safari, Opera 形成五大瀏覽器，各家偏好支援的播放器不同，譬如隱性形成的反 IE 聯盟，全部冷處理 Windows 播放器，而造成 Flash 的崛起壯大等。而各家即使支援相同播放器，設定與效果也有不同，造成網路影音播放的大混亂、與網站設計者的大負擔。

遠端播放器

隨著瀏覽器間競爭激烈，播放器版本更新又快速，除非為了保障自己流量，維護負擔日益加重。

近年則流行將影音物件上傳影音網站後，再嵌入該網站的播放器，由該網站在遠端播放，如 YouTube。如果自有伺服器，沒有搭配 Stream server，反而是較佳的選擇。

嵌入遠端播放器使用<iframe>標籤，不過各影音站都會提供程式，不必自己撰寫。

HTML 5 媒體播放器 HTML 5 Players

HTML 5 媒體播放器-通常又分 HTML 5 Video 和 HTML 5 Audio，是以 HTML 5 規格發展設計的播放器，並非指單一品牌。

HTML 5 播放器目前正在戰國時代，另以HTML 5 播放器專篇介述。

HTML4 時代

<object>

以下是進階說明。

<object> Settings 媒體播放器之參數與說明

Parameter	Default	Description
autoStart	true	Specifies or retrieves a value indicating whether the current media item begins playing automatically.
balance	0	Specifies the current stereo balance. Values range from ?00 to 100.
baseURL		Specifies the base URL used for relative path resolution with URL script commands that are embedded in media items.
captioningID	0	Specifies the name of the element displaying the captioning.
currentMarker	0	Specifies the current marker number.
currentPosition	0	Specifies the current position in the media item in seconds.
defaultFrame	-	Specifies the name of the frame used to display a URL.
enableContextMenu	true	Specifies a value indicating whether to enable the context menu, which appears when the right mouse button is clicked.
enabled	false	Specifies whether the Windows Media Player control is enabled.
fullScreen	false	Specifies whether video content is played back in full-screen mode.
InvokeURLs	true	Specifies a value indicating whether URL events should launch a Web browser.
Mute	false	Specifies if audio is muted.
PlayCount	1	Specifies the number of times a media item will play. Minimum value of one.
Rate	1.0	Specifies the playback rate. 0.5 equates to half the normal playback speed, 2 equates to twice.
stretchToFit	false	Specifies whether video displayed by the control automatically sizes to fit the video window, when the video window is larger than the dimensions of the video image.
uiMode	full	Specifies which controls are shown in the user interface. Possible values: invisible, none, mini, full.
URL	-	Specifies the name of the media item to play. You can specify a local filename or a URL.
Volume	Last setting	Zero specifies no volume and 100 specifies full volume.
windowlessVideo	false	Specifies or retrieves a value indicating whether the Windows Media Player control renders video in windowless mode. When windowlessVideo is set to true, the Player control renders video directly in the client area, so you can apply special effects or layer the video with text. Supported by Windows Media Player for Windows XP or later.