Кнопка HTML открывает видео с YouTube

Question

Я новичок в HTML, поэтому, возможно, это легко / просто ответить. Я пытаюсь открыть YouTube видео на весь экран, когда пользователь нажимает кнопку в моем HTML-скрипте. Я знаком с API проигрывателя YouTube и JavaScript, но я не уверен, как это сделать с помощью HTML (я сделал это с iOS). Любой совет, как это реализовать? Спасибо!

Answer 1

Вам нужно создать такой код

<a href="#" id="fix-fullscreen">Full screen</a>

и создать <script> с JavaScript

var fullscreen = document.getElementById('fix-fullscreen'),
    player = document.getElementById('player');

fullscreen.addEventListener('click', function (e) {
    if (~player.src.indexOf('?')) player.src += '&autoplay=1';
    else player.src += '?autoplay=1';

    var req = player.requestFullscreen
        || player.webkitRequestFullscreen
        || player.mozRequestFullScreen
        || player.msRequestFullscreen;

    req.call(player);
    e.preventDefault();
});

Надеюсь, это поможет.