Ionic 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

我建議使用file-opener2插件，它允許你在設備上的默認應用程序打開任何類型的文件，檢查其用法https://ionicframework.com/docs/native/file-opener/ 但要確保你已經安裝了@ionic-native/core

Answer 3

不能使用視頻來自Ionic Native的玩家？

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