videojs 字幕切换事件

要在videojs中添加字幕切换事件，你可以使用videojs-contrib-hls插件来加载HLS流，并添加多个WebVTT字幕文件，然后使用videojs的textTrackList事件来监听字幕切换。下面是一个简单的示例：

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
  <source src="your-video-source.m3u8" type="application/x-mpegURL">
  <track kind="subtitles" src="your-webvtt-file1.vtt" srclang="en" label="English" default>
  <track kind="subtitles" src="your-webvtt-file2.vtt" srclang="fr" label="French">
</video>

在这里，我们加载了视频源文件和两个WebVTT字幕文件，并将英语字幕设置为默认语言。现在，当用户在videojs播放器中切换字幕时，我们可以使用textTrackList事件来监听这些更改。以下是一个简单的JavaScript代码片段：

var player = videojs('my-video');
player.textTracks().addEventListener('change', function() {
  var currentTrack = player.textTracks().getTrackById(player.textTracks().selectedIndex_);
  console.log('Current subtitle track:', currentTrack.label);
});

在这里，我们首先获取videojs播放器实例。然后，我们使用textTracks方法获取字幕轨道列表，并使用addEventListener方法添加一个事件监听器来监听字幕切换事件。在事件处理程序中，我们获取当前选定的字幕轨道，并打印其标签到控制台。

希望这个例子能帮助你实现videojs字幕切换事件。