角度幻灯片整页图像和视频

问题描述 投票:0回答:1

我有角度6项目,我有一页。在这个页面我想要幻灯片放映。但在幻灯片中可能有视频和图像。我找不到任何图书馆。你可以给我一个建议。

提前致谢

angular image video slide
1个回答
0
投票

*您可以使用ngIf指令根据库中的对象类型使用Image标签或Video标签。

<div class="slide" *ngFor="let image in images">
    <img *ngIf="image.type == 'image'" src="{{image.src}}" />
    <video *ngIf="image.type=='video'" autobuffer controls>
      <source src="{{image.src}}" type="video/mp4">
    </video>
  </div>
© www.soinside.com 2019 - 2024. All rights reserved.