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/

Ionic 2 - 正确显示视频的方式

3 个答案: