離子服務器無法從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>