Question

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

如果删除？autoplay = 1，则视频无效。看起来你不能在没有启用自动播放的情况下使用controls参数。

不确定为什么在YouTube嵌入式写作中没有提到这一点。

希望我错了。

https://developers.google.com/youtube/player_parameters#controls

Answer 1

设置autoplay = 0

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

如下所示：Autoplay=0 Test

Answer 2

要继续使用iframe YouTube，您只需将?autoplay=1更改为?autoplay=0。

实现此目标的另一种方法是使用YouTube JavaScript播放器API。（https://developers.google.com/youtube/js_api_reference）

修改：不再支持YouTube JavaScript播放器API。

<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>

以下是示例的jsfiddle：http://jsfiddle.net/fgkrj/

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

Answer 3

使用autoplay=0

自动播放需要2个值。

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

重要部分

autoplay=0&showinfo=0&controls=0

以下是您的问题FIDDLE

的演示

Answer 4

如果您在?showinfo=0&iv_load_policy=3&controls=0结束前添加此src，则除了右下角的YouTube徽标外，其他所有内容都会被删除
工作示例：http://jsfiddle.net/42gxdf0f/1/

Answer 5

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

autohide=1

是我从未找到的东西......但它是关键:)我希望它有所帮助

Answer 6

关注此https://developers.google.com/youtube/player_parameters，了解有关视频控件的更多信息，例如：

<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>

start = 7＆amp; autoplay = 0＆amp; showinfo = 0＆amp; iv_load_policy = 3＆amp; rel = 0“ frameborder =”0“

所有控件都在那里描述

Answer 7

要删除您 controls 和 title ，您可以执行此类操作

＆＃13;

<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>

＆＃13;

code with output

showinfo=0用于删除标题，&controls=0用于删除控件，例如音量，播放，暂停，<强>花费

Answer 8

自动播放仅适用于/v/而不是/embed/，因此请将src更改为：

src="//www.youtube.com/v/qUJYqhKZrwA?autoplay=1&showinfo=0&controls=0"

Answer 9

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

添加 controls=0 还将删除屏幕底部的视频控制栏，而使用 modestbranding=1 则会删除屏幕底部的youtube徽标屏幕右侧

但是同时使用它们并不能正常工作（它只会隐藏视频控制栏）

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

您是否可以在不启用自动播放的情况下隐藏YouTube嵌入的控件？

9 个答案: