如何在 ionic 3 中显示视频列表

Question

如何使用 ionic 显示来自我的服务器的视频列表。视频标签似乎不适用于离子。使用时，视频似乎不显示。 这就是我使用视频标签的方式：

<video>
   <source="theurlofthevideo.mp4" type="type/mp4">
</video>

似乎是什么问题。不适用于浏览器和安卓系统。

Answer 1

如下图所示。

注意：这只是一个示例。将其转换为您的用例。

<ion-content overflow-scroll="true">
  <video controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer">
   <source src="./assets/videos/Part_1.mp4" type="video/mp4" />
  </video>
</ion-content>

工作样本：codepen

并且我也想推荐使用native video Player plugin。

一个 Cordova 插件，可让您立即播放视频 全屏模式。

ionic cordova plugin add https://github.com/moust/cordova-plugin-videoplayer.git 
npm install --save @ionic-native/video-player