這篇文章將為大家詳細講解有關(guān)html5中track標簽怎么用,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
html5 track標簽的定義和用法:
<track> 標簽為諸如 video 元素之類的媒介規(guī)定外部文本軌道。
用于規(guī)定字幕文件或其他包含文本的文件,當媒介播放時,這些文件是可見的。
html5<track>標簽可選的屬性:
default:默認軌道。(值:default)。default屬性用于通知瀏覽器在用戶沒有選擇使用其他字幕文件的時候可以使用當前 track文件
kind:文本軌道的文本類型(值:captions、chapters、descriptions、metadata、subtitles)。kind屬性用于指定字幕文件(即用于存放字幕、章節(jié)標題、說明文字或元數(shù)據(jù)的文件) 的種類。可以對kind屬性指定的屬性值為subtitles、captions、descriptions、chapters與metadata
label:文本軌道的標簽和標題(值:text)。
src:軌道文件的URL,必選屬性(值:URL)。src屬性用于指定字幕文件的存放路徑,該屬性是一個必須使用的屬性。src屬性的屬性值可以是一個絕對URL路徑,也可以是一個相對URL路徑。
srclang:軌道文本數(shù)據(jù)的語言。(值:language_code )。srclang屬性用于指定字幕文件的語言。例如,srclang="en" 和srclang="zh-cn"分別表示字幕文件為英語和漢語。
<track>標簽支持html全局屬性和html事件屬性
html5 track標簽的格式:
<track src="URL">
HTML5 <track> 標簽實例
帶有兩個字幕軌道的視頻:
<video width="320" height="240" controls> <source src="forrest_gump.mp4" type="video/mp4"> <source src="forrest_gump.ogg" type="video/ogg"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"> </video>
html5中的Track 對象
Track 對象是 HTML5 新增的。
Track 對象表示 HTML5 <track> 元素。
訪問 html5中的Track 對象
你可以通過使用 getElementById() 來訪問 <track> 元素:
var x = document.getElementById("myTrack");
創(chuàng)建html5中的Track 對象
你可以使用 document.createElement() 方法來創(chuàng)建 <track> 元素:
var x = document.createElement("TRACK");
html5 track標簽的使用方法介紹:
track元素可以為使用video元素播放的視頻或使用audio元素播放的音頻添加字幕、標題或章節(jié)等文字信息。track元素為視頻添加字幕的過程和為音頻添加字幕的過程是相同的。track元素是video元素的子元素,<track>標記必須被書寫在 video元素的開始標記與結(jié)束標記之間。如果使用<source>標記描述媒體文件,則<track>標記必須被書寫在<source>標記之后。track元素是一個空元素,其開始標記與結(jié)束標記之間不包含任何內(nèi)容。
瀏覽器支持
Internet Explorer 10, Chrome 以及 Opera 支持 <track> 標簽。
HTML 4.01 與 HTML 5 之間的差異
<track> 標簽是 HTML 5 中的新標簽。
關(guān)于html5中track標簽怎么用就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)站名稱:html5中track標簽怎么用-創(chuàng)新互聯(lián)
標題路徑:http://www.hntjjpw.com/article32/ddiesc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、微信公眾號、營銷型網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站維護、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容