【正文】 agID39。 height:30px。/ /div /body /html 在 IE9 中的執(zhí)行結(jié)果 在 Google Chrome 瀏覽器中的執(zhí)行結(jié)果 應(yīng)用 JavaScript 實(shí)現(xiàn)在線控制視頻和音頻的代碼示例 代碼示例 !DOCTYPE html html 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/27 頁(yè) 19 head meta equiv=ContentType content=text/html。 /** 識(shí)別目前是否已經(jīng)處于暫停狀態(tài)，如果已經(jīng)為暫停，則開(kāi)始第 2 次重復(fù)播放設(shè)置 */ if(){ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 18/27 頁(yè) 18 ()。 /**將媒體文件設(shè)置為創(chuàng)建后自動(dòng)播放，因此不再需要 ()。 (audioTagObject)。 /** 識(shí)別是否已經(jīng)創(chuàng)建出了 audio標(biāo)簽對(duì)象，如果已經(jīng)創(chuàng)建則不再重復(fù)地創(chuàng)建 */ if(audioTagObject==null){ /** 也可以將下面的 audioTagObject = (audio)。 height:30px。 height:30px。 charset=gb18030 title編程控制 HTML5 的音頻示例頁(yè)面 /title style type=text/css audioSourceInputTagID{ width:150px。).canPlayType)。 除了這些之外， video標(biāo)簽還有一個(gè) audio標(biāo)簽所不支持的特性：抓取圖像幀。 video比 audio標(biāo)簽增加有如下的成員屬性 （ 1） poster 在視頻加載完成之前，代表視頻內(nèi)容圖片 URL 地址。 （ 6） muted 設(shè)置或消除靜音，或者查詢當(dāng)前是否處于靜音狀態(tài)。 （ 3） currentTime 返回從開(kāi)始播放到現(xiàn)在所用的時(shí)間。 （ 9） loop 是否循環(huán)播放。 （ 5） error 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/27 頁(yè) 14 在發(fā)生錯(cuò)誤的時(shí)候返回錯(cuò)誤代碼。 視頻和音頻標(biāo)簽對(duì)象所支持的部分只讀屬性 （ 1） duration 整個(gè)媒體文件的播放時(shí)長(zhǎng)（ s），無(wú)法獲取返回 NaN。video39。 （ 2） play() 除非音頻 /視頻已經(jīng)暫停在其他位置，否則重頭播放。在 iOS 中，提供了一個(gè)內(nèi)置的控件用于在視頻原始大小和全屏播放模式間切換。這個(gè) API 可以將所有的 HTML 元素渲染成全屏模式，因此可以在視頻中添加各種自定義控件。 Firefox 使用右鍵菜單選項(xiàng)，而 Safari 則采用的是一個(gè)控制欄按鈕。 video autoplay controls source src= type=video/mp4 source src= type=video/webm object type=application/xshockwaveflash data=?videoUrl=amp。或者只需要提供兩種不同格式的視頻內(nèi)容：向 Safari和 Inter Explorer 9 提供 MP4/ 格式視頻，再向 Firefox， Chrome 和 Opera 提供 WebM格式視頻。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/27 頁(yè) 11 （ 5）在 IE9 瀏覽器中的瀏覽結(jié)果 而在 IE10 瀏覽器中的瀏覽結(jié)果如下 媒體資源的數(shù)字版權(quán)管理問(wèn)題 由于在 video和 audio標(biāo)簽中需要明確地給出媒體資源的 URL 地址，因此用戶可以自由下載相關(guān)的視頻 文件。 每個(gè)瀏覽器的視頻控制看起來(lái)各有不同，但是它們都提供了相同的選項(xiàng)：一個(gè)播放 /暫停開(kāi)關(guān)，一個(gè)播放進(jìn)度 條和一個(gè)音量控制條。 video和 audio標(biāo)簽的應(yīng)用示例 video標(biāo)簽的原理示例 video controls source src= type=video/WMV / !MP4 for Mozilla Firefox source src= type=video/ogg / ! Ogg Theora for Google Chrome source src= type=video/mp4 / /video 當(dāng)瀏覽器試圖播放視頻時(shí)，它會(huì)逐一核查視頻來(lái)源列表，直到找到可以播放的視頻。從而允許在沒(méi)有任何插件比如 Flash 或 QuickTime 插件的情況下嵌入視頻剪輯和音頻資源文件。 （ 2）各個(gè)瀏覽器對(duì) video標(biāo)簽元素中的主要屬性的支持狀況 video標(biāo)簽元素內(nèi)的 source子標(biāo)簽 （ 1）定義相關(guān)的資源文件的 URL 的方式 盡管可以直接在 video和 audio標(biāo)簽中應(yīng)用 src 屬性定義資源文件的 URL，也可以應(yīng)用 source子標(biāo)簽為 video和 audio標(biāo)簽指定一個(gè)或者多個(gè)媒介資源文件 —— 因?yàn)閼?yīng)用source子標(biāo)簽可以同時(shí)指定多個(gè)可選擇的文件地址，也就是可以包含任意數(shù)目的 source子標(biāo)簽。該屬性有三個(gè)可選擇的值： none、metadata（部分預(yù)加載，使用此屬性值將代表頁(yè)面制作者認(rèn)為用戶不期望此視頻，但為用戶提供一些元數(shù)據(jù)，從而達(dá)到只加載視頻的元數(shù)據(jù)如持續(xù)時(shí)間的目的）、auto。 ? Width：設(shè)置視頻播放器的寬度。 （ 2）主要的缺點(diǎn) 缺少通用編解碼器支持，而且在不同瀏覽器中顯示的播放器的界面不完全一致。 各個(gè)瀏覽器所支持的視頻和音頻格式 各個(gè)瀏 覽器所支持的視頻和音頻格式 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/27 頁(yè) 6 各種視頻和音頻格式說(shuō)明 1) Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件（也就是 Ogg 是一個(gè)媒體容器格式，可以嵌入音頻、視頻）； 2) MPEG4 = 帶有 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件； 3) WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件；而由于 WAV 文件格式不能壓縮得很好，因此文件大小會(huì)相當(dāng)大，不建議使用該格式。 在 頁(yè)面中播放視頻示例 !DOCTYPE html PUBLIC //W3C//DTD XHTML html xmlns= head META equiv=ContentType content=text/html。 在 HTML4 頁(yè)面中播放視頻示例 在 HTML4 頁(yè)面中播放視頻的應(yīng)用示例 !DOCTYPE HTML PUBLIC //W3C//DTD HTML html head META equiv=ContentType content=text/html。 6) PLUGINSPAGE：設(shè)置 flash 插件的位置，因而如果瀏覽器如果沒(méi)有安裝的話，可以自動(dòng)下載安裝。 3) WIDTH：以百分比或象素指定 flash 影片的寬度。 object標(biāo)簽中的“ classid”和“ codebase”屬性主要告訴 IE 瀏覽器自動(dòng)下載 Flash Player的地址；而其中的 embed標(biāo)簽是用于 Netscape 及以后的瀏覽器或其它支持Netscape 插件的瀏覽器如何下載 Flash Player 程序， embed標(biāo)簽中的“ pluginspage”屬性定義下載 Flash Player 的地址。 （ 2）音頻和視頻編碼器和解碼器 一組用來(lái)對(duì)音頻和視頻信息進(jìn)行編碼、解碼以便能正常播放的計(jì)算機(jī)算法。主流視頻容器支持以下格式的視頻文件： .avi、 .flv、 .mp4（包括音頻和視頻）、 .mkv 和 .ogg。 Windows平臺(tái)的 IE 瀏覽器利用 Activex 控件來(lái)播放 flash 而其它的瀏覽器則使用 Netscape 插件技術(shù)來(lái)播放 flash。僅用于 object標(biāo)簽。僅用于 embed標(biāo)簽。僅用于 object標(biāo)簽。Netscape 和使用插件的 IE 瀏覽器將只讀取 embed標(biāo)簽而不會(huì)識(shí)別 object標(biāo)簽。 charset=gb18030 title應(yīng)用 HTML5 在線播放 MP4 視頻和 MP3 音頻 /title /head body video