HTML 按钮打开 Youtube 视频

Question

我是 HTML 新手，所以也许这很容易/简单回答。当用户单击我的 html 脚本上的按钮时，我正在尝试将 youtube 视频弹出到全屏。我熟悉 youtube player API 和 javascript，但我不确定如何通过 HTML 实现这一点（我已经用 iOS 完成了）。关于如何实现这一点的任何建议？谢谢！

Answer 1

你需要创建这样的代码

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

并使用 javascript 创建<script>

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

希望对您有所帮助。