Javascript HTML视频元素的阻止源未能触发错误事件

我在一个页面上嵌入了一个视频，只有用户登录到另一个域时才能访问该页面。如果他们没有登录，我想监听错误事件并将元素更改为登录页面的链接。不幸的是，.mediafallbacklink和.mediafallbacklink都不能正常工作。仅显示禁用的视频播放器有什么想法吗？

在测试中，嵌入元素位于

localhost:1337

上，视频源位于

localhost

上

<video data-setup-lazy="{&quot;language&quot;: &quot;en&quot;, &quot;fluid&quot;: true}" class="video-js" preload="auto" controls="true" title="Export Compliance">
  <source src="http://localhost/pluginfile.php/myvideo.mp4" type="video/mp4">
  <a class="mediafallbacklink" href="http://localhost/pluginfile.php/myvideo.mp4">Video Source</a>
</video>

此错误显示在JavaScript控制台（Chrome 60）中：

---

视频

标记如果找不到指定的URL，则不会触发

错误

事件。
相反，您应该聆听

标签中的

标签，以查看下面的

错误事件


$（“视频源”）。打开（“错误”，函数（e）{
警报（e.type）；
});
。谢谢
$(function(){
  console.log("this works:", document.querySelector("video"));
  document.querySelector("video").onerror = function(event) {
    console.log("but this never fires:", event);
    var a = document.createElement("a");
    a.href = this.src;
    a.innerHTML = "Video Source";
    a.download = videoPlayer.src;
    this.parentElement.replaceChild(a, this);
  };
});

GET http://localhost/pluginfile.php/myvideo.mp4 
net::ERR_UNEXPECTED_PROXY_AUTH