【正文】 content=text/html。 （ 3）在頁面中提示所支持的瀏覽器類型信息 在開始和結(jié)束 video 標(biāo)記之間，包含一個(gè) div 標(biāo)簽元素顯示所適用的瀏覽器消息。但目前還沒有，因此 HTML5 視頻目前并不適于那些想要保護(hù)視頻內(nèi)容的用戶使用。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/27 頁 12 （ 2）兼容于低版本瀏覽器如 IE IE IE6 等 ? 方法之一：可以按照下述方法添加一個(gè)同一視頻文件的鏈接。autoPlay=true /object /video 因此，如果客戶端所在的瀏覽器端系統(tǒng)中裝有 Flash Player，就會(huì)在 Flash Player 中顯示視頻。 iPad 上總是有一個(gè)全屏開關(guān)，而iPhone/Android 上的視頻播放模式總是全屏的。而 Firefox 10 也 將引入該 API。在其他的瀏覽器中，視頻總是根據(jù)屏幕的尺寸調(diào)整大小。 （ 4） canPlayType() 測(cè)試 video標(biāo)簽元素是否支持給定 MIME 類型的文件，下面的代碼可以快速判斷瀏覽器是否支持由 playType 類型字符串所指定的視頻格式文件，其中的 playType 可以為video/mp video/webm 等類型的字符串。playType39。 （ 3） ended 是否結(jié)束，如果媒體文件已經(jīng)播放完畢，返回 true。 （ 7） readyState HAVE_NOTHING 、 HAVE_METADATA 、 HAVE_CURRENT_DATA 、HAVE_FUTURE_DATA 和 HAVE_ENOUGH_DATA 等狀態(tài)。 （ 2） loop 設(shè)置為 true 表示循環(huán)播放。 （ 4） controls 顯示或隱藏默認(rèn)的播放控制條。 （ 8） src 返回當(dāng)前的媒體文件資源的 URL 地址或設(shè)置當(dāng)前媒體文件資源的 URL （ 9） defaultPlaybackRate 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/27 頁 15 返回默認(rèn)的回放速度，也可以重新設(shè)置。 （ 2） width、 height 可以設(shè)置或者獲得視頻播放的屏幕區(qū)域的寬和高等尺寸信息。 編程動(dòng)態(tài)創(chuàng)建和控制 HTML5 的音頻示例 通過腳本進(jìn)行兼容性檢測(cè) var hasVideo=!!((39。通過“ !!”將結(jié)果轉(zhuǎn)換為布爾值。 lineheight:20px。 height:30px。 var audioTagObject。 */ audioTagObject = (audio)。 //數(shù)據(jù)源 =true。 /** 識(shí)別目前是否已經(jīng)處于 暫停狀態(tài)，如果已經(jīng)為暫停，則不需要再重復(fù)設(shè)置 */ if(!){ ()。/ input id=pausePlayButtonID type=button value= 暫停音頻文件 onclick=pausePlayAudio()。 height:30px。 height:30px。 var playOrPauseButtonTagObject = (39。 ()。 function enlargeOrNormalAreaSize() { var videoTagObject = (39。enlargeOrNormalSizeButtonID39。 currentSize=2。 currentSize=1。)。 ()。 } /script /head body div video src= id=videoTagID/video br input id=playOrPauseButtonID type=button value= 播放音頻文件 onclick=playOrPauseVideo()。 ? 如果 preload 成員屬 性設(shè)置為“ metadata”或者是“ auto”，則會(huì)觸發(fā)“ progress”和“ loadmetadata”事件（如果沒預(yù)加載的話，這兩個(gè)事件也會(huì)觸發(fā)，但不會(huì)在播放楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 23/27 頁 23 前發(fā)生）。 （ 5） error 請(qǐng)求數(shù)據(jù)時(shí)遇到錯(cuò)誤。 （ 9） loadedmetadata 成功獲取資源長度等 meta（元）信息完畢 —— 播放器已經(jīng)獲取了視頻信息的時(shí)長和視頻資源文件的大小等信息。 （ 11） waiting 等待數(shù)據(jù)，并非錯(cuò)誤 —— 播放由于下一幀數(shù)據(jù)未獲取到導(dǎo)致播放停止，但是播放器沒有主動(dòng)預(yù)期其停止，仍然在努力的獲取數(shù)據(jù)，簡單的說就是在等待下一幀視頻數(shù)據(jù)，暫時(shí)還無法播放。 （ 14） canplaythrough 可以播放，歌曲全部加載完畢 —— 播放器認(rèn)為從現(xiàn)在開始播放，直到播放結(jié)束，不再會(huì)因?yàn)榈却竺娴臄?shù)據(jù)而出現(xiàn)緩沖等待。 （ 17） timeupdate 播放時(shí)間改變。 （ 20） durationchange 資源長度改變， duration(視頻播放總時(shí)長 )屬性被更新。 function initVideoTagEvent(){ videoTagObject = (videoTagID)。 //監(jiān)聽視頻播放時(shí)間變化事件 (39。error39。,playEndEventResponse)。 (39。 //用秒數(shù)來顯示當(dāng)前播放進(jìn)度 = () + ／ + () +（秒） 。 case : alert(網(wǎng)絡(luò)發(fā)生故障，視頻的下載過程被中止。 )。 break。 )。 。 } function pausePlay(){ //暫停播放 ()。 )。 case : alert(不支持播放的視頻格式。 break。 )。,playErrorEventResponse)。ontimeupdate39。 } else { // IE (39。,timeUpdateEventResponse, false)。ended39。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 25/27 頁 25 與播放過程相關(guān)的典型事件的應(yīng)用示例 頁面標(biāo)簽及控制代碼 !DOCTYPE HTML html head meta equiv=ContentType content=text/html。 video比 audio標(biāo)簽對(duì)象的 ended 屬性默認(rèn)是設(shè)置為 false 的，當(dāng)然當(dāng)媒體文件播放到最后的時(shí)候， ended 屬性則變?yōu)?true。 （ 15） seeking 尋找中。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 24/27 頁 24 （ 13） canplay 確認(rèn)已經(jīng)裝載足夠的媒體信息，并可以播放，但中途可能因?yàn)榧虞d而暫停 —— 視頻播放器已經(jīng)可以開始播放視頻了。如果某個(gè)媒體是問題文件而導(dǎo)致不能正常加載（比如出現(xiàn)了 404 錯(cuò)誤），則會(huì)直接產(chǎn)生 error 事件。 （ 7） play play()和 autoplay 開始播放時(shí)觸發(fā) —— 播放器不再保持“暫?！睜顟B(tài)，即“ play()”方法被調(diào)用或者 autoplay 屬性設(shè)置為 true 期望播放器自動(dòng)開始播放。 （ 3） suspend 延遲下載。/ input id=fullScreenSizeButtonID type=button value= 全 屏 播 放 區(qū) 域 onclick=enlargeFullScreenAreaSize()。 ()。 ()。 } } function enlargeFullScreenAreaSize() { var videoTagObject = (39。 case 2: =擴(kuò)大播放區(qū)域 。 switch(currentSize){ case 1: =恢復(fù)為正常尺寸 。)。 ()。)。videoT