如何显示离子3中的视频列表3

Question

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

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

出了什么问题。不工作在浏览器和Android上。

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了点。

科尔多瓦插件，只是允许你立即播放视频在 全屏模式。

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