如何修复HTML中更改视频的暂停范围源

Question

当我暂停一个视频2-4秒，它会改变视频没有任何问题。但是，当我想要添加一个特定的视频src来改变它，只有当它是那个视频，它不工作。

那么，我该如何解决“某某物”的问题呢？

vid.addEventListener('pause', (e) => { if (e.currentTarget.src === 'something-skippable.mkv' && e.currentTarget.currentTime > 2 && e.currentTarget.currentTime < 4) { vid.src = 'something-else.mkv'; } });

Answer 1

读取动态变化源元素

你可以做这样的事

var video = document.getElementById('video');
var source = document.createElement('source');

source.setAttribute('src', 'something.mkv');

video.appendChild(source);
video.play();

更新视频源

video.pause();

source.setAttribute('src', 'something-else.mkv'); 

video.load();
video.play();

信贷和其他办法

编辑：

下面是一个完整的例子

HTML

<video id="video" controls="true">
</video>

JS

// Initial Load
var vid = document.getElementById('video');
var source = document.createElement('source');
var initialVideoSourceUrl = 'https://gitlab.la-bw.de/pub/ingestlist/raw/f49935f4e2201c78c7a3bcf4e86ce9eae6a21b18/test/test-files/video/SampleVideo_1280x720_1mb.mkv' ;

source.setAttribute('src', initialVideoSourceUrl);

vid.appendChild(source);
vid.play();

vid.addEventListener('pause', (e) => {
  if (e.target.currentSrc === initialVideoSourceUrl && e.currentTarget.currentTime > 2 && e.currentTarget.currentTime < 4) { 
    vid.pause();
    source.setAttribute('src', 'https://gitlab.freedesktop.org/thiblahute/gst-plugins-base/raw/85a7b8f5622536de9b888f58c7c6ca1b15834b78/tests/files/test.mkv?inline=false'); 
    vid.load();
    vid.play();
  } 
}); 

JSFiddle