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