イオン2 - ビデオを表示する適切な方法

Question

イオン性ページにビデオを含める適切な方法はありますか？ html 5ビデオ要素を使用すると、フルスクリーンのときにボタンが使用できなくなるためです。

<video id="video1" width="100%" preload="metadata" controls webkit-playsinline> 
     <source type="video/mp4" src="http://www.w3schools.com/html/mov_bbb.mp4"/> 
     <source type="video/ogg" src="http://www.w3schools.com/html/mov_bbb.ogg"/> 
     Your browser does not support HTML5 video. 
</video> 

ionic2に動画を含める適切な方法はありますか？

Answer 1

下図のようにあなたはそれを行うことができます。

<ion-content overflow-scroll="true"> 
    <video controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"> 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> 
    </video> 
</ion-content> 

Working Code Pen sample

Answer 2

私はあなたが、デバイス上のデフォルトのアプリケーションでファイルの任意の種類を開く、使用https://ionicframework.com/docs/native/file-opener/ をチェックしていますが@ionic-native/core

Answer 3

がインストールされていることを確認することができfile-opener2プラグインを使用すると、ビデオを使用することはできませんを使用することをお勧めIonic Nativeの選手？

https://ionicframework.com/docs/native/video-player/