Javascript 在我的ionic应用程序上自动播放youtube视频的问题

Javascript 在我的ionic应用程序上自动播放youtube视频的问题,javascript,ionic4,Javascript,Ionic4,我的应用程序使用的是ionic 4,我有视频的ionic幻灯片,滑动时自动播放视频会很好 在自动播放vimeo或youtube视频的幻灯片中有一个。vimeo视频已经可以使用此解决方案,但youtube视频无法使用 <iframe allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" frameborder="0" height="100%" width="100%" src="https://playe

我的应用程序使用的是ionic 4,我有视频的ionic幻灯片,滑动时自动播放视频会很好

在自动播放vimeo或youtube视频的幻灯片中有一个
。vimeo视频已经可以使用此解决方案,但youtube视频无法使用

<iframe allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" frameborder="0" height="100%" width="100%" src="https://player.vimeo.com/video/311263132?autoplay=1&amp;loop=1&amp;background=1&amp;silenciado=1"></iframe>

<iframe allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" frameborder="0" src="https://www.youtube.com/embed/CjxugyZCfuw?autoplay=1&amp;version=3&amp;loop=1&amp;controls=0&amp;showinfo=0&amp;enablejsapi=1&amp;mute=1&amp;playlist=CjxugyZCfuw"></iframe>

这两个代码自动放在codepen上,但当我把它们放在我的项目中时,就停止工作了

部分代码如下所示:

<ion-slides>
  <ion-slide *ngFor="let c of contents; let i = index">
    <div *ngIf="c.url | videoPlay as video">
      <iframe [src]="video.url" width="100%" height="100%" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"></iframe>
    </div>
   </ion-slide>
</ion-slides>


videoPlay仅识别它是vimeo还是youtube,并根据它添加参数

youtube视频需要在videourl中使用autoplay=1标志,还应该是嵌入url youtube视频需要在videourl中使用autoplay=1标志,还应该是嵌入url