С помощью встроенного проигрывателя iframe YouTube существует ли способ запуска программно в полноэкранном режиме? Я хочу удалить элементы управления по умолчанию (с помощью элементов управления = 0), но затем у вас есть возможность самостоятельно создать пользовательскую полноэкранную кнопку.
YouTube iframe player - запуск полноэкранного режима на iOS
Ответ 1
Сделайте iframe не полноэкранным, а fullpage:
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&controls=0&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>
Ответ 2
Попробуйте следующие браузеры Webkit:
if (typeof iframe.webkitRequestFullScreen === 'function') {
button.addEventListener('click', function () {
iframe.webkitRequestFullScreen();
}, false);
}
Обратите внимание, что это не будет работать без жестов пользователя (в этом случае "нажмите").
Ответ 3
Вы можете использовать эту библиотеку XCDYouTubeKit вместо iframe-плеера.
Это очень просто и мощно. Поддерживает полноэкранный, а также полноэкранный режим.