我们怎样在 HTML 中创建字幕标题?


在 HTML 中使用 label 属性来创建字幕标题。

示例

您可以尝试运行以下代码来实现 label 属性 −

<!DOCTYPE HTML>
<html>
   <body>
      <video width = "450" height = "300" controls autoplay>
         <source src = "/html5/foo.ogg" type = "video/ogg" />
         <source src = "/html5/foo.mp4" type = "video/mp4" />
         <track src  ="subtitles_en.vtt" kind = "subtitles" srclang = "en" label = "English">
         <track src = "subtitles_ru.vtt" kind = "subtitles" srclang = "ru" label = "Russia" default>
         Your browser does not support the video element.
      </video>
   </body>
</html>

更新于: 2020 年 3 月 3 日

116 次浏览

开启您的 职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.