📜  HTML |<track> srclang 属性(1)

📅  最后修改于: 2023-12-03 14:41:53.280000             🧑  作者: Mango

HTML | srclang 属性

HTML 中的 <track> 元素用于为音频或视频文件添加字幕或注释。其中,srclang 属性指定了字幕语言的源语言,以便浏览器能够正确地显示相应的字幕。

使用方式

<track> 元素通常作为 <video><audio> 元素的子元素来使用,例如:

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_zh.vtt" kind="subtitles" srclang="zh" label="中文">
</video>

上述代码中,srclang 属性分别指定了两个字幕文件 subtitles_en.vttsubtitles_zh.vtt 的原文语言为英语和中文。

属性值

srclang 属性的值是一个字符串,通常采用标准的两字母语言代码(ISO 639-1 标准)。例如,英语对应的代码为 en,中文对应的代码为 zh

注意事项
  • srclang 属性只是标记了字幕的原文语言,但并不会自动翻译字幕文本。
  • 如果没有指定 srclang 属性,则浏览器将无法显示相应的字幕。
  • 如果有多个 <track> 元素,且它们的 srclang 属性值相同,则只会显示其中的一个字幕文件。
  • 如果有多个 <track> 元素,但只有一个带有 default 属性,则显示默认字幕文件。
结论

在 HTML 中,<track> 元素的 srclang 属性可以帮助浏览器正确地显示音频或视频文件的字幕。程序员应该根据需要,正确地标记和使用 srclang 属性,以提供更好的用户体验。