Просмотров: 21 868

Как для встраиваемого видео youtube (iframe) включить автовоспроизведение и зациклить.

Когда вы встраиваете видео с youtube на ваш сайт, иногда нужно сделать так, чтобы оно воспроизводилось автоматически или (и) было зациклено.

1373783400_AutoPlay

Я хочу рассказать, как это можно сделать программно. Все делается очень просто: нужно к URL-адресу на видео добавить специальные параметры.

Вот общий вид такого кода:

<iframe src="http://www.youtube.com/embed/T-CpSFWoFCk?autoplay=1&amp;loop=1&amp;&amp;playlist=Video_ID" height="335" width="595" allowfullscreen="" frameborder="0"></iframe>

У тега iframe в качестве атрибута src передается url-адрес на видео, которое нужно вставить. По умолчанию этот адрес выглядит вот так:

http://www.youtube.com/embed/T-CpSFWoFCk

Для того, чтобы передать дополнительные параметры для видео, нужно поставить знак «?» в самом конце url и начинать перечислять параметры видео с их значениями вот в таком виде:

параметр=значение

Отделять один параметр от другого нужно вот таким знаком «&».

В данном случае у меня передается три параметра:

1) autoplay – это и есть то самое автовоспроизведение. 1- включено, если поставить 0 – то оно будет отключено.

2) loop – этот параметр отвечает за зацикливание. Значения выставляются аналогично параметру autoplay.

3) playlist – этот параметр обязательно указать, чтобы начало работать зацикливание видео. В качестве значение указывается уникальный ID видео. Его можно посмотреть в самом начале ссылки на ваше видео.

http://www.youtube.com/embed/T-CpSFWoFCk

Выделил его полужирным шрифтом.

В общем, используйте эти параметры и заставляйте видео работать так, как вам нужно. Удачи!

Кстати, если вам будет интересно, я занимаюсь настройкой систем веб-аналитики для сайтов (Яндекс Метрика и Google Analytics).

Если вы хотели бы сделать ваш сайт более эффективным и, чтобы он приносил больше денег, веб-аналитика может в этом помочь.

С помощью инструмента «Цели» вы можете добиться хороших результатов в этом деле. Подробнее здесь.

  • http://iegres.kz Сергей

    Спасибо! очень помогло, в WP шаблоне Puzzles в окнах похожих статей включался автозапуск видео, autoplay=0 исправил эту проблему.

  • http://facebook.com/profile.php?id=100001270013509 Андрей Юрьевич

    не работает

  • http://facebook.com/profile.php?id=100000531281870 Мария Кухаренко

    не работает

  • Гость

    Спасибо, все получилось

  • http://facebook.com/profile.php?id=100007589707079 Dmitry Papin

    Как сделать так чтобы видео из Ютюба автоматически воспроизводилось в ВК

  • Сергей

    Большое спасибо за советы. Очень помогли!

  • Владимир

    Полный респект

  • Михаил

    Спасибо! Все заработало!

  • Ислам

    как убрать контроллеры, которые появляются пр наведении?

  • https://www.facebook.com/app_scoped_user_id/105413186669943/ Алекс Гирман

    спасибо получилось

  • Влад

    не получается сделал https://youtu.be/uTQwz35LiNk?autoplay=1 что я делаю не так

    • Пётр

      autoplay=1&

  • http://vk.com/id405697291 Олег Михалыч

    https://www.youtube.com/embed/JRiCXRml3SI?autoplay=1&loop=1
    Видео автовоспроизводится, но не зацикливается

  • http://vk.com/id17057998 Руслан Никеев

    Как сделать, чтобы видео воспроизводилось, но без звука на сайте? Чтобы было как вк

  • Игорь
  • https://plus.google.com/+АндрейПрокопчук Андрей Прокопчук

    Я покупал электрошокер в Киеве тут http://shokeru.com.ua

  • https://www.facebook.com/app_scoped_user_id/712270355631173/ Jana Rezonova

    Спасибо!!!!

  • https://www.facebook.com/app_scoped_user_id/1032167556920017/ Lili Ya

    Здравствуйте. хочу чтобы и автовоспроизводилось и с опредиленного момента, что не так делаю?

    У меня почему-то после сохранения пропадает &

  • Иван

    У меня тут http://premiumbus.com.ua/ и тут http://nail-art.club/ работает

  • Егор

    а можно также ток не видео а с музыкой сделать