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

　　

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