HTML kind屬性怎么用?

HTML kind屬性用于指定軌跡的類型,此屬性僅在<track>元素中可使用;其中<track> 標(biāo)簽為諸如 video 元素之類的媒介規(guī)定外部文本軌道。下面本篇文章就來給大家介紹一下<track>元素的kind屬性,希望對大家有所幫助。

原文地址:HTML kind屬性怎么用?

語法:

<track src="chisubs.srt" kind="subtitles" srclang="en">

適用于:標(biāo)簽中

屬性值:

● captions:該軌道定義將在播放器中顯示的簡短說明。

● chapters:該軌道定義章節(jié),用于導(dǎo)航媒介資源。

● descriptions:該軌道定義描述,用于通過音頻描述媒介的內(nèi)容,假如內(nèi)容不可播放或不可見。

● metadata:該軌道定義腳本使用的內(nèi)容。

● subtitles:該軌道定義字幕,用于在視頻中顯示字幕。

示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<style>

body {

text-align: center;

}

h1 {

color: green;

}

</style>

</head>

<body>

<h2>HTML Kind屬性</h2>

<video width="100" height="100" controls>

<track src="http://img.php.cn/ueditor/php/upload/file/20190323/1553324890628612.mp3"

? ? ? ? ? ? ? ? ? ? id="myTrack" kind="subtitles" srclang="en" label="English" default>

<source id="myTrack2" src="http://img.php.cn/ueditor/php/upload/file/20190323/1553324890628612.mp3"

? ? ? ? ? ? ? ? ? type="video/mp4">

</video>

</body>

</html>

效果圖:

瀏覽器支持:

● Google Chrome 18.0

● Internet Explorer 10.0

● Firefox 31.0

● Apple Safari 6.0

● Opera 15.0

推薦閱讀:

java基礎(chǔ)教程

layui框架

go語言教程

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,384評論 0 16
  • 問答題1 /72瀏覽器頁面有哪三層構(gòu)成,分別是什么,作用是什么?參考答案構(gòu)成:結(jié)構(gòu)層、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,307評論 0 23
  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學(xué)習(xí)記錄文檔,今天18年5月份再次想寫文章,發(fā)現(xiàn)簡書還為我保存起的...
    Jenaral閱讀 3,144評論 2 9
  • ——記我的前半生26年的點滴 漫漫人生路,我是如何一步步走到今天的?給自己一個安靜...
    三門峽074庫紅玉閱讀 955評論 1 5

友情鏈接更多精彩內(nèi)容