Вопрос по ios, youtube-iframe-api, objective-c, youtube – YouTube iframe player - запуск полноэкранного режима на iOS

11

Используя встроенный проигрыватель YouTube iframe, есть ли способ запустить полноэкранный режим программно? Я хочу удалить элементы управления по умолчанию (используя controls = 0), но затем иметь возможность создавать собственные полноэкранные кнопки самостоятельно.

Вы можете попробовать просмотреть дочерние представления UIWebView для класса AVPlayer и перевести его слой на полный экран. atrebbi

Ваш Ответ

3   ответа
0

XCDYouTubeKit вместо проигрывателя iframe.
Это очень просто и мощно. Поддерживает как полноэкранный, так и не полноэкранный режим.

Я не вижу, как это отвечает на вопрос
Это не :) это просто альтернативное решение того, чего он хочет достичь (и, вероятно, это самый быстрый и простой способ)
1

if (typeof iframe.webkitRequestFullScreen === 'function') {
    button.addEventListener('click', function () {
        iframe.webkitRequestFullScreen();
    }, false);
}

Обратите внимание, что это не будет работать без пользовательского жеста (в этом случае "нажмите").

4

    function fullscreen() {
        var vid = document.getElementById("vid");
        vid.style.position = "absolute";
        vid.style.width = "100vw";
        vid.style.height = "100vh";
        vid.style.top = "0px";
        vid.style.left = "0px";
        document.getElementById("exit").style.display = "inline";
    }
    function exitfullscreen() {
      var vid = document.getElementById("vid");
      vid.style.position = "";
      vid.style.width = "";
      vid.style.height = "";
      vid.style.top = "";
      vid.style.left = "";
      document.getElementById("exit").style.display = "none";
    }
<iframe width="560" height="315" src="https://www.youtube.com/embed/fq6qcvfZldE?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" id="vid" allowfullscreen></iframe>
    <button onClick="fullscreen()">Fullscreen</button>
    <button style="position: fixed; 
                   bottom: 5px; 
                   right: 5px; 
                   display: none;
                   z-index: 2000;" id="exit" onClick="exitfullscreen()">Exit Fullscreen</button>

full page кнопка в правом верхнем углу фрагмента кода также работает таким образом. Если вы хотите сделать браузер полноэкранным, вы можете попробоватьdocument.requestFullscreen();, но это все еще экспериментально и работает на очень немногих браузерах. Посмотрите наMDN тема этой функции.

РЕДАКТИРОВАТЬ: Просто нашел это:https://developers.google.com/youtube/?csw=1#player_apis, официальный API игрока YouTube.

Похожие вопросы