我为视频添加了一个字幕文件或一个VTT文件，但它不起作用。为什么？在PlyrJs播放器中
我为视频添加了一个字幕文件或一个VTT文件，但它不起作用。为什么？在PlyrJs播放器中
提问于 2021-03-07 16:45:00
我为视频添加了一个字幕文件或一个VTT文件，但它不起作用。为什么？在PlyrJs播放器(https://plyr.io)中
翻译文件链接：https://auto-play.000webhostapp.com/my_captions.vtt
视频链接：https://auto-play.000webhostapp.com/video.mp4
“嗨”这个词应该从0到7秒。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.4/plyr.css" integrity="sha512-bMLolM8mWTXYQSC2gQOLyDdkmodSAbbRFbDoISUCRS7mFJrP3fBHJo3YR8+2Yy9n7+iVGawVpCe6KVd/E5+TNA==" crossorigin="anonymous" /><style>
.mydiv {
width: 500px;
height: 200px;
margin-top: 200px
}
</style><body>
<div class="mydiv">
<video id="player" playsinline controls>
<source src="https://auto-play.000webhostapp.com/video.mp4" type="video/mp4" />
<!-- Captions are optional -->
<track kind="captions" label="English captions" src="https://auto-play.000webhostapp.com/my_captions.vtt" srclang="en" default />
</video>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.4/plyr.js" integrity="sha512-M/AUlH5tMMuhvt9trN4rXBjsXq9HrOUmtblZHhesbx97sGycEnXX/ws1W7yyrF8zEjotdNhYNfHOd3WMu96eKA==" crossorigin="anonymous"></script>
<script>
const player1 = new Plyr('#player', {
title: 'Example Title',
quality: {
default: 576,
options: [4320, 2880, 2160, 1440, 1080, 720, 576, 480, 360, 240]
}
});
</script>回答 1
Stack Overflow用户
发布于 2021-03-07 20:21:01
您的WebVTT无效。
你的档案上写着：
WEBVTT - Some title
00:00.000 --> 00:07.1000
Hi结束ms范围为4个字符，需要为3个。您可以使用https://quuz.org/webvtt/来验证您的VTT文件。
这是有效的(我删除了0)：
WEBVTT - Some title
00:00.000 --> 00:07.100
Hi页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66518901
复制相关文章
相似问题
腾讯云开发者
