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應用程序來解決我們的問題嗎？

來源

2016-03-16 user3647969

從廣義上講：沒有，Safari瀏覽器在iPhone上會一直播放視頻全屏

iPad的確實支持在線視頻播放。

如果您有自己的iOS應用程序，顯然您可以對視頻播放有更多的控制權。看看你的網站，擁有一個應用程序肯定會讓你更好地控制自動滾動等，因爲它打開了一個全面的能力（和複雜性！）。

來源

2016-03-16 21:58:16

@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 
    } 
});

來源

2016-09-05 15:09:55 Hendrik

Iphone上沒有全屏的YouTube iframe API

回答

相關問題