Можете ли вы скрыть элементы управления встраиванием YouTube без включения автозапуска?

Ответ 1

Установить автовоспроизведение = 0

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

Как показано здесь: Autoplay = 0 Test

Ответ 2

Чтобы продолжить использование iframe YouTube, вам нужно только изменить ?autoplay=1 на ?autoplay=0.

Другим способом добиться этого будет использование API YouTube JavaScript Player. (https://developers.google.com/youtube/js_api_reference)

Изменить: API YouTube JavaScript Player больше не поддерживается.

<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().

Ответ 3

использовать autoplay=0

autoplay принимает 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

Ответ 4

Если вы добавите этот ?showinfo=0&iv_load_policy=3&controls=0 до конца вашего src, он выведет все, кроме нижнего правого логотипа YouTube
рабочий пример: http://jsfiddle.net/42gxdf0f/1/

Ответ 5

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

autohide=1

- это то, что я никогда не нашел... но это был ключ:) Я надеюсь, что это поможет

Ответ 6

Чтобы удалить трубку controls и title, вы можете сделать что-то вроде этого

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

Ответ 7

Следуйте этому 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 & autoplay = 0 & showinfo = 0 & iv_load_policy = 3 & rel= 0 " frameborder =" 0 "

все элементы управления описаны там

Ответ 8

Автовоспроизведение работает только с /v/ вместо /embed/, поэтому измените src на:

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