离子服务器无法从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>