Ionic 服务器无法从 Rails 服务器加载视频文件

Question

我在我的 Ionic 应用程序中嵌入了一个视频，它在我的 Rails 应用程序中有一个源文件，所以基本上我有这个

<video width="320" height="240" controls="">
  <source src="http://localhost:3000/uploads/video/video/6/mov_bbb.mp4" type="video/mp4">
</video>

运行关于这个 url：http://localhost:8100/#/tab/videos/8 我认为它与同源策略有关，所以我已经尝试在我的 Chrome 浏览器上禁用 CORS，使用此命令启动它：/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security 以及安装和激活此 Chrome 插件也是：https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi。它也不适用于我安装的任何其他浏览器（Safari 和 FireFox）。

然而，视频文件不会加载（视频元素将保持为空，而且我的控制台中没有关于资源加载失败的消息）。当视频从 localhost:3000 提供时，如何在我的 localhost:8100 上加载视频？

Answer 1

事实证明这根本不是 CORS 或服务器问题。显然，在使用 Ionic 时，您需要有点接受您众所周知的 HTML 世界在最隐蔽的位置有一个覆盖层。问题是 Ionic 要求您使用 angular.js src 属性 ng-src="path/to/your/file"，从而完成以下工作：

<video width="320" height="240" controls="">
  <source ng-src="http://localhost:3000/uploads/video/video/6/mov_bbb.mp4" type="video/mp4">
</video>

Ionic server can't load video file from Rails server