Iphone上没有全屏的YouTube iframe API

问题描述：

我有一个使用YouTube Iframe API将歌词和和弦与YouTube歌曲同步的Web应用程序。对于我们来说，嵌入式视频无需全屏播放就非常重要。否则，用户无法在页面上看到歌词和和弦，该应用程序将毫无意义。Iphone上没有全屏的YouTube iframe API

这里是demo。

我们已经从iphones获得了50％的流量，但是iphones始终全屏播放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上运行。如果我们相信它会起作用，我们也准备开发一个Swift应用程序。但是网络搜索也表明了相反的情况。

是否有可靠的解决方法来播放YouTube Iframe API视频内嵌？
我们可以通过开发本地IOS应用程序来解决我们的问题吗？

答

从广义上讲：没有，Safari浏览器在iPhone上会一直播放视频全屏

iPad的确实支持在线视频播放。

如果您有自己的iOS应用程序，显然您可以对视频播放有更多的控制权。看看你的网站，拥有一个应用程序肯定会让你更好地控制自动滚动等，因为它打开了一个全面的能力（和复杂性！）。

@Hendrick的答案现在也适用于iPhone。 https://developers.google.com/youtube/player_parameters#playsinline – robertwbradford

感谢您的更新罗伯特。 @ user3647969能否请您将我的答案标记为正确，以便其他人可以更快地找到答案？ – Hendrik

答

将参数'playsinline':'1'添加到playerVars为我工作。我不知道这是否也适用于Web，我正在使用React Native应用程序中的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 
    } 
});

Iphone上没有全屏的YouTube iframe API

相关推荐