2016-08-11 14 views
0

テスト目的でMP4ビデオをダウンロードしましたが、クロスウォークプラグインを追加しても見ることができません。これは私が得るものです:ローカルに保存されたMP4ビデオを読み込む方法

Cannot GET /media/big_buck_bunny.mp4 

は、ビデオを主催しました。これは、ユーチューブの罰金を実行している私のコードです:

<div class="card"> 
    <ion-item> 
     <div class="video-container"> 
      <iframe ng-src="media/big_buck_bunny.mp4" frameborder="0" width="560" height="315"></iframe> 
     </div> 
    </ion-item> 
</div> 

テストビデオはここからダウンロードした

http://www.quirksmode.org/html5/tests/video.html

これは私が従ったチュートリアルです:

https://www.thepolyglotdeveloper.com/2015/01/embed-video-ios-android-ionicframework-app/

EDIT:間違ったディレクトリ(サンドボックスされていない)に動画を配置していたようです。それにもかかわらず、現在、ファイルが破損しているか壊れていると訴えています(メッセージはスペイン語ですので、翻訳が正しいかどうかわかりません)。

+0

あなたは私たちを与えることができます実際のエラーメッセージと理想的には問題のデモンストレーションへのリンク – Offbeatmammal

+0

あなたの応答に感謝して、私はついにそれを動作させることができました。私は問題がどこにあったのか知りませんが、「ビデオ」タグを使って解決しました。 – kankamuso

答えて

0

は最後に、私は「ビデオ」タグを使用してそれを行うために管理し、(問題plattformであるように思われた)別のAndroid上でそれをテストし、すべてが正常に動作します:

<video width="100%" autoplay="autoplay" controls style="margin-top: 50px; margin-bottom: 20px;"> 
    <source src="media/sample.mp4" type="video/mp4"> 
    <p>Your browser does not support H.264/MP4.</p> 

関連する問題