如何使用Javascript从URL流式传输视频

当我尝试从url流式传输视频时，出现以下错误：

Uncaught (in promise) DOMException: Failed to load because no supported source was found.

显然，我已经测试过了，我的源代码工作得很好。这是一个简化的，这是一个代码的副本：

// Create HTML Video Element to play the video
var video = document.createElement('video');
video.addEventListener('loadeddata', function (e) {
    document.body.appendChild( video );
});

video.src = 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4';
video.crossOrigin = 'anonymous';
video.loop = true;
video.play();

---

为了让它工作，我需要更改什么？

从http（而不是https）运行并删除

video.crossOrigin='anonymous'部分谢谢！它已经是http:-），但为什么https不起作用呢？而且，它正在跨原点加载，对吗？那么为什么我需要删除它呢？您可以从https页面查看http资源。TBH，我不知道为什么删除跨来源的东西修复了小提琴（我将要查找），但它做到了…只有在使用非现场认证资源时才需要
跨来源
。好的，那么…如果我在HTTPS域上，需要使用HTTPS视频url怎么办？那我需要交叉原点，对吗？