时间戳

首页 > 解决方案 > 带有离子的角度 YouTube 播放器库在 IOS 上不起作用

angular - 带有离子的角度 YouTube 播放器库在 IOS 上不起作用

问题描述

我确实尝试在 ionic 5 中使用有角度的 YouTube 播放器库。它在 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
}

标签： angularionic-frameworkyoutube

解决方案

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

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

推荐阅读