Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在video.js中设置字幕_Javascript_Jquery_Html5 Video_Video.js - Fatal编程技术网

Javascript 如何在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转换

我大约3小时前在网上搜索,我不知道如何在video.js播放器中实现字幕

我已经在我的播放机中添加了
此代码,并将此字幕文件上载到我的服务器上。我的播放机菜单中显示了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);