html5-video – 没有显示使用WebVTT的字幕

前端之家收集整理的这篇文章主要介绍了html5-video – 没有显示使用WebVTT的字幕前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我正在尝试为 html5视频添加字幕并找到WebVTT.我已经做了一些研究,甚至复制了一些示例代码,看看它是否有效,但我没有运气.

字幕只是不显示在视频上.

这是HTML.

<video id="video"  class="video" controls>
              <source src="solar.mp4" type="video/mp4">
              <source src="client2.ogv" type="video/ogv">
              <source src="solar.webm" type="video/webm">
              <source src="solar.flv" type="video/flv">

              <track label="English Captions" kind="captions" srclang="en" src="english-subtitles.vtt">
        </video>

和测试VTT文件.

WEBVTT

1
00:00:13,00 --> 00:00:16,000
Man did you see that awesome thing like last week -

2
00:00:16,100 --> 00:00:20,100
- and i said wow a lot of people are starting to talk about this.

解决方法

它不能在本地运行,您需要在服务器上运行它.
原文链接:https://www.f2er.com/html5/168413.html

猜你在找的HTML5相关文章