【導讀】子標題、字幕等信息）。主流視頻容器支持以下格式的視頻文件：.avi、.flv、.mp4（包括音。頻和視頻）、.mkv和.ogg。一組用來對音頻和視頻信息進行編碼、解碼以便能正常播放的計算機算法。<object>標簽是用于Windows平臺的IE瀏覽器，而<embed>標簽則是用于Windows和。Macintosh平臺下的NetscapeNavigator瀏覽器以及Macintosh平臺下的IE瀏覽器。<object>標簽中的“classid”和“codebase”屬性主要告訴IE瀏覽器自動下載FlashPlayer. 1)CLASSID：設置瀏覽器的Activex控件，僅用于<object>標簽。2)CODEBASE：設置flashActivex控件的位置，因而如果瀏覽器如果沒有安裝的話，4)HEIGHT：以百分比或象素指定flash影片的高度。

　　

【正文】 input id=fullScreenSizeButtonID type=button value= 全 屏 播 放 區(qū) 域 onclick=enlargeFullScreenAreaSize()。/ /div /body /html 在 IE9 中的執(zhí)行結果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 22/27 頁 22 在 IE9 中不支持全屏控制，在 Google Chrome 瀏覽器中的執(zhí)行結果 與播放過程相關的典型事件名稱及含義 （ 1） loadstart 客戶端開始請求數據并讓瀏覽器尋找所要播放的媒體資源，但并不意味著就會馬上加載相關的媒體資源數據，則要看對 preload 屬性的設置狀態(tài)： ? 如果將 preload（預裝載的方式）成員屬性設置為“ none”的話，則“ loadstart”事件就是唯一在播放視頻前觸發(fā)的事件。 ? 如果 preload 成員屬 性設置為“ metadata”或者是“ auto”，則會觸發(fā)“ progress”和“ loadmetadata”事件（如果沒預加載的話，這兩個事件也會觸發(fā)，但不會在播放楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 23/27 頁 23 前發(fā)生）。 （ 2） progress 客戶端正在請求數據，數據正在下載到客戶端的瀏覽器中時觸發(fā)并直到整個媒體文件下載完畢。 （ 3） suspend 延遲下載。 （ 4） abort 客戶端主動終止下載（不是因為錯誤引起）。 （ 5） error 請求數據時遇到錯誤。 （ 6） stalled 網速失速。 （ 7） play play()和 autoplay 開始播放時觸發(fā) —— 播放器不再保持“暫停”狀態(tài)，即“ play()”方法被調用或者 autoplay 屬性設置為 true 期望播放器自動開始播放。 （ 8） pause pause()觸發(fā)。 （ 9） loadedmetadata 成功獲取資源長度等 meta（元）信息完畢 —— 播放器已經獲取了視頻信息的時長和視頻資源文件的大小等信息。但要注意的是，此時只是表明瀏覽器僅僅已經加載了媒體文件的元數據信息而已。如果某個媒體是問題文件而導致不能正常加載（比如出現了 404 錯誤），則會直接產生 error 事件。 （ 10） loadeddata 視頻播放器第 一次完成了當前播放位置的視頻渲染。 （ 11） waiting 等待數據，并非錯誤 —— 播放由于下一幀數據未獲取到導致播放停止，但是播放器沒有主動預期其停止，仍然在努力的獲取數據，簡單的說就是在等待下一幀視頻數據，暫時還無法播放。 （ 12） playing 真正處于播放的狀態(tài)，這個時候我們才是真正的在觀看視頻。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 24/27 頁 24 （ 13） canplay 確認已經裝載足夠的媒體信息，并可以播放，但中途可能因為加載而暫停 —— 視頻播放器已經可以開始播放視頻了。不過只是表示預期可以正常播放，不保證之后的播放不會出現緩沖等待。 （ 14） canplaythrough 可以播放，歌曲全部加載完畢 —— 播放器認為從現在開始播放，直到播放結束，不再會因為等待后面的數據而出現緩沖等待。 但要注意的是，這個只是播放器根據網速和播放進度的預期估計，不代表后面的數據全部都預先緩沖完畢了，如果你手動推動控制欄的進度條，可能仍然會出現緩沖的，或者你后面網絡斷開了，一樣沒辦法繼續(xù)播放，除非是真的緩沖完了。 （ 15） seeking 尋找中。 （ 16） seeked 尋找完畢。 （ 17） timeupdate 播放時間改變。 （ 18） ended 該事件是在媒體播放完畢到達最后 的時候觸發(fā)，而－無論是正常情況下的結束或是用戶自己拖動播放進度條到媒體文件的最后結束位置。 video比 audio標簽對象的 ended 屬性默認是設置為 false 的，當然當媒體文件播放到最后的時候， ended 屬性則變?yōu)?true。 （ 19） ratechange 播放速率改變。 （ 20） durationchange 資源長度改變， duration(視頻播放總時長 )屬性被更新。 （ 21） volumechange 音量改變。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 25/27 頁 25 與播放過程相關的典型事件的應用示例 頁面標簽及控制代碼 !DOCTYPE HTML html head meta equiv=ContentType content=text/html。 charset=gb18030 titlevideo 標簽的播放狀態(tài)事件示例 /title script type=text/javascript var videoTagObject。 function initVideoTagEvent(){ videoTagObject = (videoTagID)。 if(){ // Mozilla, Netscape, Firefox //監(jiān)聽視頻播放結束事件 (39。ended39。,playEndEventResponse, false)。 //監(jiān)聽視頻播放時間變化事件 (39。timeupdate39。,timeUpdateEventResponse, false)。 // 監(jiān)聽視頻播放過程中的發(fā)生錯誤事件 (39。error39。,playErrorEventResponse, false)。 } else { // IE (39。onended39。,playEndEventResponse)。 (39。ontimeupdate39。,timeUpdateEventResponse)。 (39。onerror39。,playErrorEventResponse)。 } } function timeUpdateEventResponse(){ var timeDisplay = (time)。 //用秒數來顯示當前播放進度 = () + ／ + () +（秒） 。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 26/27 頁 26 } function playErrorEventResponse(){ switch (){ //錯誤代碼的含義： 無效 case : alert(視頻的下載過程被中止。 )。 break。 case : alert(網絡發(fā)生故障，視頻的下載過程被中止。 )。 break。 case : alert(解碼過程中出現了錯誤，導致解碼失敗。 )。 break。 case : alert(不支持播放的視頻格式。 )。 break。 default: alert(發(fā)生未知錯誤。 )。 } } function playEndEventResponse(){ (播放過程結束。 )。 } function startPlay(){ // 播放視頻 ()。 } function pausePlay(){ //暫停播放 ()。 } /script 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 27/27 頁 27 /head body onload=initVideoTagEvent() video id=videoTagID src= controls /videobr /span id=time/span button onclick=startPlay()開始播放 /button button onclick=pausePlay()暫停播放 /button /body /html 執(zhí)行的結果 在播放完成后將彈出“播放過程結束”的提示信息對話框。