小编Jot*_*Pey的帖子

是否可以动态地将数据附加到 HTML5 视频播放器中？示例：
我的视频 A 的时长为 30 秒，视频 B 的时长也为 30 秒。
我想播放视频 A 并在完成前 10 秒附加视频 B，但播放器视频长度现在必须显示 1 分钟的长度。

编辑：

我查看了上面的示例并修改为将整个演示视频附加 5 次，但不起作用。视频结果始终为 5.24 秒（原始视频为 6 秒）我想将原始视频附加 5 次以获得 30 秒的视频结果。有可能的？

这是我的代码

var FILE = 'files/test.webm';
var NUM_CHUNKS = 15;
var G_VIDEO;
var video = document.querySelector('video');

window.MediaSource = window.MediaSource || window.WebKitMediaSource;
if (!!!window.MediaSource) {
  alert('MediaSource API is not available');
}

var mediaSource = new MediaSource();

document.querySelector('[data-num-chunks]').textContent = NUM_CHUNKS;

video.src = window.URL.createObjectURL(mediaSource);

function callback(e) {
  var sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbis,vp8"'); …