更改视频标签源 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