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一起使用。有人有想法吗？谢谢你，Lea。

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

更改视频标记源video.js

1 个答案: