videojs 监听字幕切换

要在 videojs 中监听字幕切换，你可以使用 `texttrackchange` 事件。该事件会在当前字幕轨道更改时触发。

下面是一个示例代码：

var player = videojs('my-video');

player.on('texttrackchange', function() {
  var currentTrack = player.textTracks().find(function(track) {
    return track.mode === 'showing';
  });

  console.log('Current track:', currentTrack.label);
});

在这个示例中，我们使用 `texttrackchange` 事件监听字幕轨道的更改。当事件触发时，我们找到当前被显示的字幕轨道，并将其标签打印到控制台上。你可以根据你的需求来修改代码以响应更改。

相关问题

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字幕切换事件。

Video js监听视频失效事件

在 Video.js 中，可以通过监听 `error` 事件和 `loadeddata` 事件来检测视频是否成功加载和播放。当视频加载失败时，将触发 `error` 事件；当视频成功加载并准备好播放时，将触发 `loadeddata` 事件。

下面是一个示例代码，演示如何使用 Video.js 监听这两个事件：

var player = videojs('my-video');

player.on('error', function() {
  console.log('视频加载失败');
});

player.on('loadeddata', function() {
  console.log('视频已准备就绪');
});

在这个示例中，我们使用 `videojs` 函数创建了一个 Video.js 播放器实例，并监听了 `error` 和 `loadeddata` 事件。当事件触发时，会输出日志信息。

你也可以使用其他事件来检测视频播放状态，例如 `play`、`pause`、`ended` 等事件。具体可以参考 Video.js 官方文档。