你能在不启用自动播放的情况下隐藏YouTube嵌入的控件吗？

如果删除？autoplay=1，视频将不工作。在未启用自动播放的情况下，似乎无法使用controls参数

不知道为什么在YouTube embed writeup中没有提到这一点

希望我错了

设置自动播放=0

<iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen>

---

如图所示：

要继续使用iframe YouTube，您只需将

？autoplay=1

更改为

？autoplay=0

实现这一点的另一种方法是使用YouTube JavaScript播放器API。（）

编辑：不再支持YouTube JavaScript播放器API。

<iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=0&showinfo=0&controls=0" frameborder="0" allowfullscreen>

var ga=document.createElement（'script'）；
ga.type='text/javascript'；
ga.async=false；
ga.src=http://www.youtube.com/player_api';
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（ga，s）；
var done=false；
var播放器；
函数onYouTubePlayerAPIReady（）{
player=新的YT.player（'howToVideo'{
高度：“390”，
宽度：“640”，
videoId:“qUJYqhKZrwA”，
playerVars：{
控件：0，
禁用KB:1
},
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerReady（evt）{
console.log（'onPlayerReady'，evt）；
}
函数onPlayerStateChange（evt）{
log（'onPlayerStateChange'，evt）；
如果（evt.data==YT.PlayerState.PLAYING&&！完成）{
设置超时（停止视频，6000）；
完成=正确；
}
}
函数stopVideo（）{
console.log（“停止视频”）；
player.stopVideo（）；
}

下面是一个JSFIDLE示例：

---

请注意，在播放器的“PlayerBars”部分禁用了播放器控件。你做出的一个牺牲是，用户仍然可以通过点击视频来暂停视频。我建议编写一个简单的javascript函数，订阅停止事件并调用

player.playVideo（）

使用

autoplay=0

自动播放采用2个值

<div id="howToVideo"></div>

<script type="application/javascript">

    var ga = document.createElement('script');
    ga.type = 'text/javascript';
    ga.async = false;
    ga.src = 'http://www.youtube.com/player_api';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);

    var done = false;
    var player;

    function onYouTubePlayerAPIReady() {
        player = new YT.Player('howToVideo', {
            height: '390',
            width: '640',
            videoId: 'qUJYqhKZrwA',
        playerVars: {
            controls: 0,
            disablekb: 1
        },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }
    function onPlayerReady(evt) {
        console.log('onPlayerReady', evt);
    }
    function onPlayerStateChange(evt) {
        console.log('onPlayerStateChange', evt);
        if (evt.data == YT.PlayerState.PLAYING && !done) {
            setTimeout(stopVideo, 6000);
            done = true;
        }
    }

    function stopVideo() {
        console.log('stopVideo');
        player.stopVideo();
    }

</script>

重要部分

Values: 0 or 1. Default is 0. Sets whether or not the initial video will autoplay when the player loads.

---

这是你的问题的演示

如果你在你的

src

结束之前添加这个

？showinfo=0&iv\u load\u policy=3&controls=0

，它将去掉除了右下角YouTube徽标之外的所有内容
工作示例：

有关视频控件的更多信息，请遵循以下步骤：

autoplay=0&showinfo=0&controls=0

start=7&autoplay=0&showinfo=0&iv\u load\u policy=3&rel=0“

frameborder=“0”

所有控件都在此处进行了说明

---

Autoplay仅适用于

/v/

而不是

/embed/

，因此将src更改为：

src=“//www.youtube.com/v/qjyqhkzrwa？autoplay=1&showinfo=0&controls=0”

---

是我从未发现的东西…但它是关键：）我希望它能帮助你移除你的管

控件
和
标题
你可以这样做


您可以使用“Youtube nocookie”隐藏“以后观看”按钮（这不会隐藏共享按钮）

添加
还将删除屏幕底部的视频控制栏，使用
控件=1将删除屏幕右下角的youtube徽标

但是，使用这两个控件并不能像预期的那样工作（它只隐藏了视频控制栏）


autoplay参数对我来说与/embed/links一起工作。注意：这似乎不再起作用。YouTube很可能已经更改了他们的API-不确定当前的替代方案/修复方案是什么。需要注意的一点是，用户仍然可以使用右箭头键在视频中向前跳过。似乎每次按键都是5秒快进/跳过。如果是这样的话您的目标是，需要添加参数&disablekb=1，该参数将禁用所有键盘功能（包括从键盘播放/暂停）.
showinfo
已弃用请参见文档修订历史公告-您可以在PlayerBars中设置自动播放0吗？添加&enablejsapi=1参数时不支持JS API吗？有什么证据表明JS API不再受支持？文档中没有说明这一点的通知。不再工作
<iframe id="video_iframe" width="660" height="415" src="http://www.youtube.com/v/{{course_url}}?start=7&autoplay=0&showinfo=0&iv_load_policy=3&rel=0"
                frameborder="0"
                allowfullscreen></iframe>

?modestbranding=1&autohide=1&showinfo=0&controls=0

autohide=1

<iframe width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/fNb-DTEb43M?controls=0" frameborder="0" allowfullscreen></iframe>