离子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>

工作代码笔样本

Answer 2

我建议使用file-opener2插件，该插件允许您在设备上的默认应用程序中打开任何类型的文件，请检查使用https://ionicframework.com/docs/docs/native/file - 开放器/但是请确保您已经安装了@ionic-native/core

Answer 3

您不能使用Ionic本地的视频播放器吗？

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