文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在video.js视频播放器中动态添加字幕跟踪

问如何在video.js视频播放器中动态添加字幕跟踪
EN

Stack Overflow用户

提问于 2022-12-04 21:17:42

回答 1查看 19关注 0票数 0

差不多就是这样了，我需要把字幕改到网页的影院，如果可能的话，甚至根本没有，但大部分时候我想要改变视频播放器的字幕。我可以给你看这个网站，但不要认为它是必要的。我试过：

videojs(theater_video, {tracks: `<track kind='subtitles' src='/resources/videos/whale_Shailene/Spanish.vtt' srclang='es' label='Español' ></track>
                                 <track kind='subtitles' src='/resources/videos/whale_Shailene/Arabic.vtt' srclang='ar' label='عرب.' ></track>`})

，以及：

videojs(theater_video, {tracks: [{
         src: '/resources/videos/whale_Shailene/Spanish.vtt',
         kind:'subtitles',
         srclang: 'es',
         label: 'Español'
      },{
         src: '/resources/videos/whale_Shailene/Arabic.vtt',
         kind:'subtitles',
         srclang: 'ar',
         label: 'عرب.'
      }]})

但似乎既没有出现，也没有改变玩家的字幕。

任何一种方法都不能结合：

$("#theater video").find("source").after(`<track kind='subtitles' src='/resources/videos/whale_Shailene/Spanish.vtt' srclang='es' label='Español' ></track>
                                          <track kind='subtitles' src='/resources/videos/whale_Shailene/Arabic.vtt' srclang='ar' label='عرب.' ></track>`)

事先谢谢

html

video.js

subtitle

javascript

回答 1

Stack Overflow用户

发布于 2022-12-04 22:05:05

要做到这一点，您需要使用addTextTrack播放器提供的Video.js方法。此方法使用几个参数，包括要添加的文本轨道的kind (在本例中为subtitles)、轨道的label、轨道的language和轨道的文本文件的src。

下面是一个示例，说明如何使用addTextTrack方法向Video.js播放机添加西班牙语字幕音轨：

var player = videojs('theater_video');

// Add a Spanish subtitle track
player.addTextTrack('subtitles', 'Español', 'es', '/resources/videos/whale_Shailene/Spanish.vtt');

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74681006

复制

相似问题

问如何在video.js视频播放器中动态添加字幕跟踪
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在video.js视频播放器中动态添加字幕跟踪EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在video.js视频播放器中动态添加字幕跟踪
EN