angular 带有 ionic 的 youTube 播放器库在 IOS 上不起作用

Question

我确实尝试在 ionic 5 中使用 angular youTube player library。它在 Android 上确实像预期的那样工作，但在 ios 上没有显示。

有人遇到同样的问题并且知道如何解决吗？

这是我的代码

// component.html
<youtube-player [videoId]="attributes?.youTubeLink" width="100%" height="auto"></youtube-player>

// module.ts
import { YouTubePlayerModule } from '@angular/youtube-player'

imports [
    CommonModule,
    IonicModule,
    YouTubePlayerModule,
]

// component.ts

export class YouTubeComponent implements OnInit {
  ngOnInit(): void {
    loadScript('https://www.youtube.com/iframe_api')
  }
}

// utilities.ts 
export const loadScript = (target: string): void => {
  if (!isScriptLoaded(target)) {
    const tag = document.createElement('script')
    tag.src = target
    document.body.appendChild(tag)
  }
}

const isScriptLoaded = (target: string): boolean => {
  return document.querySelector('script[src="' + target + '"]') ? true : false
}

Answer 1

我需要将以下内容添加到 config.xml 文件中。

<allow-navigation href="https://*youtube.com/*" />

Answer 2

我建议你看看这个 link。不幸的是，它已经持续了一段时间。 https://github.com/ihadeed/CordovaYoutubeVideoPlayer/pull/19#issuecomment-1071026897

您可以使用

将此 PR 添加到您的项目中

cordova plugin add https://github.com/blackcupnl/CordovaYoutubeVideoPlayer.git#hotfix/get_video_info

angular 带有 ionic 的 youTube 播放器库在 IOS 上不起作用

angular youTube-player library with ionic do not work on IOS

angular

ionic-framework

youtube