如何在我的 ionic html 页面中显示视频预览。我的网络服务器上只有视频 URL

Question

我想显示我的视频预览以获取视频 URL，就像从我的网络服务器 http://url/videos/1234.mp4 一样。如何在我的 video.html 页面上显示视频预览？

<video poster="{{review.videoPath}}" preload="auto">
  <source [src]="review.videoPath" type="mp4">
</video>

Answer 1

"Does it work if you do a normal tag with poster in HTML file?"

这就是我的意思...

<video loop controls="true" preload="auto" width="100%" height="100%">
<source src="http://url/videos/1234.mp4" type="video/mp4">
</video>

Answer 2

我完成了这个。我可以在点击时叠加我的内容和 play/pasue 视频。

<video #videoTag style="width: 100%; position: absolute;" [autoplay]="true (click)="videocontorl($event)" *ngIf="isShow"> 
    <source [src]="videoPath" type="video/mp4"> 
</video>

如何在我的 ionic html 页面中显示视频预览。我的网络服务器上只有视频 URL

How to show Video preview in my ionic html page. I have just Video URL from my web server

video

cordova-media-plugin

ionic4