javascript - 更改视频标签源video.js

Question

我正在制作高清按钮，因此我必须重新加载视频并在视频停止时播放。首先，我尝试加载高清文件。 我已经阅读了很多有关更改视频标签来源的内容。我的代码适用于 FireFox 和 Internet Explorer，但不适用于 Chrome:

vjs.HdToggle.prototype.onClick = function() {
    var mp4Vid = document.getElementById('mp4Source');
    var webmVid = document.getElementById('webmSource');
    var oggVid = document.getElementById('oggSource');
    this.player_.pause();
    $(mp4Vid).attr('src', './test.mp4');
    $(webmVid).attr('src', './test.webm');
    $(oggVid).attr('src', './test.ogg');
    this.player_.load();
    this.player_.play();
}

我不知道需要做什么才能使其与 Chrome 兼容。有人有主意吗？ 谢谢你，莉亚。

Answer 1

您应该使用src()来更新源。

this.player_.src([
  { type: "video/mp4", src: "/test.mp4" },
  { type: "video/webm", src: "/video.webm" },
  { type: "video/ogg", src: "/test.ogv" }
]);

https://github.com/videojs/video.js/blob/master/docs/api/vjs.Player.md#src-source-

您可能还会发现这个现有插件很有用:https://github.com/vidcaster/video-js-resolutions