Javascript 如何在video.js中设置字幕
我大约3小时前在网上搜索,我不知道如何在video.js播放器中实现字幕 我已经在我的播放机中添加了Javascript 如何在video.js中设置字幕,javascript,jquery,html5-video,video.js,Javascript,Jquery,Html5 Video,Video.js,我大约3小时前在网上搜索,我不知道如何在video.js播放器中实现字幕 我已经在我的播放机中添加了此代码,并将此字幕文件上载到我的服务器上。我的播放机菜单中显示了ballon评论,但没有显示字幕 当我搜索时,我读到webvtt格式将运行:(但srt格式或其他格式如何?在运行时,我将如何在webvtt格式上实现和转换 我也明白了,我读过这篇文档,但我不太明白在哪里可以找到副标题的链接 请帮助我如何添加字幕以及从哪里开始 谢谢以下是一个如何为视频添加字幕的示例: 有很多网站会将您的SRT转换
此代码,并将此字幕文件上载到我的服务器上。我的播放机菜单中显示了ballon评论,但没有显示字幕
当我搜索时,我读到webvtt格式将运行:(但srt格式或其他格式如何?在运行时,我将如何在webvtt格式上实现和转换
我也明白了,我读过这篇文档,但我不太明白在哪里可以找到副标题的链接
请帮助我如何添加字幕以及从哪里开始
谢谢以下是一个如何为视频添加字幕的示例:
有很多网站会将您的SRT转换为适用于videojs的WebVTT:我想提及另一种通过编程方式将曲目添加到video.js的方法:
var videoOptions = {
controls: true,
responsive: true,
autoplay: true,
preload: 'metadata',
sources: [{src: 'https://domain/myfile.m3u8', type: 'application/x-mpegURL'}],
tracks: [{src: 'https://domain/mysub.vtt', kind:'captions', srclang: 'en', label: 'English'}]
}
// create the player using the above options
videojs('my-player', videoOptions);
您还可以在创建播放器后添加/删除/选择播放器曲目,如前所述
var videoOptions = {
controls: true,
responsive: true,
autoplay: true,
preload: 'metadata',
sources: [{src: 'https://domain/myfile.m3u8', type: 'application/x-mpegURL'}],
tracks: [{src: 'https://domain/mysub.vtt', kind:'captions', srclang: 'en', label: 'English'}]
}
// create the player using the above options
videojs('my-player', videoOptions);