angular - 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 信息

@ ionic / cli-utils:1.18.0
ionic (Ionic 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