Javascript Iphone上的YouTube Iframe API没有全屏

我有一个web应用程序，它使用YouTube Iframe API将歌词和和弦与YouTube歌曲同步。嵌入式视频在没有全屏的情况下在线播放对我们来说至关重要。否则，用户无法在页面上看到歌词和和弦，应用程序将毫无意义

这是你的电话号码

我们50%的流量来自iPhone，但iPhone总是全屏播放youtube视频

下面是嵌入视频的代码

var player;

function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: $("#ytid").attr("value"),
    playerVars: {'theme':'light','color':'white','modestbranding':1,'rel':0},
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });

为了在网络上寻找解决方案，我们尝试了一些修复，但没有一个能在iphone上运行。我们还准备开发一个快速的应用程序，如果我们相信它会工作。然而，网络搜索也提出了相反的建议

是否有一个可靠的方法来在线播放YouTube Iframe API视频

我们可以通过开发本机IOS应用程序来解决问题吗

---

广义而言：不，iPhone上的Safari将始终全屏播放视频

iPad支持在线视频播放

---

如果您有自己的iOS应用程序，显然您可以对视频播放进行更多的控制。看看你的网站，拥有一个应用程序肯定会让你更好地控制自动浏览等功能，因为它确实打开了一个充满能力（和复杂性！）的世界。

将参数

'playsinline'：'1'

添加到

playerVars

中对我来说很有用。我不知道这是否也适用于web，我在React本机应用程序的WebView中工作

var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: $("#ytid").attr("value"),
    playerVars: {'playsinline':'1', 'theme':'light','color':'white','modestbranding':1,'rel':0},
    events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
    }
});

---

来自@Hendrick的答案现在也适用于iPhone。谢谢你的更新，罗伯特@用户3647969能否请您将我的答案标记为正确，以便其他人能更快地找到？