сервера Ионные не может загрузить видео файла с сервера 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 Я думаю, что это как-то связано с той же политикой происхождения, поэтому я уже пытался отключить CORS в браузере Chrome, начиная с этой команды: /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).

Однако видеофайл не будет загружен (элемент видео останется пустым, также нет сообщений о том, что ресурс не загрузился на моей консоли). Как сделать загрузку видео на моем локальном хосте: 8100, пока видео подается с localhost: 3000?

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>