Просмотров: 13 859

Как для встраиваемого видео 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

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

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

Если мы еще не знакомы, меня зовут Дмитрий Ченгаев.

Я автор сайта на котором вы сейчас находитесь.

Если вам сейчас нужна помощь в освоении каких-либо технологий веб-разработки и на вашем сайте нужно что-то изменить или добавить, можете обращаться ко мне.

Вот ссылка на страницу услуг:

Мои услуги

  • 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

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

  • Сергей

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

  • Владимир

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