Restを介して安全なリンクをリクエストし、flowplayerに挿入します。
<script type="text/javascript">
$(document).ready(function(){
$.get('rest/movies/1/getmovie', function(data) {
$('source').attr('src',data);
});
});
</script>
<div class="flowplayer" data-swf="flowplayer.swf" data-ratio="0.417">
<video>
<source type="video/mp4" src=""/>
</video>
コンソールには次のように表示されます。
<div class="flowplayer is-loading is-mouseover" data-swf="flowplayer.swf" data-ratio="0.417">
<video class="fp-engine">
<source type="video/mp4" src="*url*/video/4d90d2bb6bjj84dbf8ccjbfb38778987/514500bb/video.mp4">
</video>
フロープレーヤーは白のままで、ビデオは表示されません。これは有効なURLであり、src属性にURLを直接入力すると、ビデオにアクセスできます。
どうすればこれを修正できますか?
編集:コンソールは、ビデオサーバーへの接続要求がまったくないことを示しています。
EDIT2:
コードを次のように編集しました。
<script type="text/javascript">
$(document).ready(function(){
$.get('rest/movies/1/getmovie', function(data) {
$('.flowplayer video').load(data);
});
});
</script>
Chromeの返品:
XMLHttpRequest cannot load
*url*27c87a2a56e117acf25a7bb1182e122b/5145219f/video.mp4. Origin localhost:8080 is not allowed by Access-Control-Allow-Origin.