admin管理员组

文章数量:1123106

html将字幕添加到视频链接,html5

代码:

作品.您可能做错的是您使用.srt字幕而不是.vtt

SRT:

1

00:01:21,700 --> 00:01:24,675

Life on the road is something

I was raised to embrace.

VTT:

WEBVTT

01:21.700 --> 01:24.675

Life on the road is something

I was raised to embrace.

你需要做的是:

>使用WEBVTT启动文本文件

>删除每个字幕开头的提示标记,或用Cue – 前缀替换它们.

>(可选)在每个时间戳的开头删除00:小时标记.

>将每个时间戳中毫秒标记前的逗号转换为小数点(例如,使用find-replace:7到.7很容易).

>(可选)将样式标记添加到字幕文本.

>使用.vtt扩展名保存文件,并从HTML5页面中的元素链接到该文件.

也有可能你的网络bowser不支持视频标签,我知道,例如,有些手机不播放带有此标签的视频!

>答案的第二部分来自Dudley Storey的a post.

本文标签: html将字幕添加到视频链接Html5