javascript - videojs 以编程方式更改音轨

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 5 年前。

Improve this question

我已经阅读了文档两次，但还没有找到一种方法来做到这一点。 videojs其本身无法做到这一点，文档中提到了这一点，所以我有 hls插件应该能够做到这一点，但我找不到任何与此相关的内容。

有人能指出我正确的方向吗？

Answer 1

以下是使用 video.js 更改源视频轨道的示例:

/* video player setup */
vPlayer = videojs('my_video', {
  techOrder: ["html5", "youtube"],
  autoplay: false,
  sources: [{
    type: "video/mp4",
    src: "https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
  }]
});
vPlayer.on('playing', function(e) {
  $("#info").html("playing...<br>url: " + vPlayer.currentSrc() + "<br>type:" + vPlayer.currentType());
});

/* available videos */
var vids = [{
    type: "video/mp4",
    src: "https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
  },
  {
    type: "video/mp4",
    src: "https://vjs.zencdn.net/v/oceans.mp4"
  },
  {
    type: "video/youtube",
    src: "https://www.youtube.com/watch?v=kkGeOWYOFoA"
  }
];

playVideo = function(n) {
  vPlayer.src(vids[n]);
  vPlayer.play();
}

<link href="https://vjs.zencdn.net/6.7/video-js.css" rel="stylesheet"/>
<script src="https://vjs.zencdn.net/6.7/video.js"></script>
<script src="https://cdn.rawgit.com/videojs/videojs-youtube/c4be481f/dist/Youtube.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<video id="my_video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="400">
</video>
<hr>
<button onclick="playVideo(0)">play 0 (mp4)</button>
<button onclick="playVideo(1)">play 1 (mp4)</button>
<button onclick="playVideo(2)">play 2 (youtube)</button>
<hr>
<div id="info"></div>

这里还有一个jsfiddle:https://jsfiddle.net/beaver71/w7yah2vo/