iPhone X ionic 3 应用中缺少 Youtube 控件

Question

我正在尝试将 youtube 播放器嵌入到我的 ionic 3 应用程序中。我已经使用 iFrame player API 嵌入了 youtube 播放器。它在除 iPhone X、iOS 11.3 以外的所有设备上工作正常。在 iPhone 中缺少 X 控件。

。
要创建 youtube 播放器，我使用以下代码：

 this.youtubePlayer = new YT.Player(id, {
      videoId: '',
      height:'100%',
      width:'100%',
      playerVars: { playsinline:1, rel:0, showinfo : 0, modestbranding:1 },
      allowsInlineMediaPlayback : true,
      events: {
        'onReady': (event)=>{ 
          console.log("ready");
        },    
      }
    });

离子信息

@ionic/cli-utils：1.18.0 离子（离子 CLI）：3.18.0

全局包：

cordova (Cordova CLI) : 7.1.0

本地包：

@ionic/app-scripts : 2.1.3
Cordova Platforms  : ios 4.5.4
Ionic Framework    : ionic-angular 3.6.0

系统：

ios-deploy : 1.9.2
Node       : v8.9.1
npm        : 5.5.1
OS         : macOS Sierra
Xcode      : Xcode 9.0.1 Build version 9A1004

有什么想法吗？谢谢。

Answer 1

你能试试吗

this.youtubePlayer = new YT.Player(id, {
          videoId: '',
          height:'100%',
          width:'100%',
          controls: 1,    ► HERE IS PARAM
          playerVars: { playsinline:1, rel:0, showinfo : 0, modestbranding:1 },
          allowsInlineMediaPlayback : true,
          events: {
            'onReady': (event)=>{ 
              console.log("ready");
            },    
          }
        });

更多支持的参数：

Click me

iPhone X ionic 3 应用中缺少 Youtube 控件

Youtube controls are missing in iPhone X ionic 3 app

youtube

iframe

youtube-iframe-api

ionic2

angular