Просмотров: 12 503

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

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

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

Вот несколько книг, которые могут быть полезными для работы с Youtube:

07099997_cover-pdf-kniga-n-prohorenok-html-javascript-php-i-mysql-dzhentlmenskiy-nabor-web-mastera   12367630_cover-pdf-kniga-elizabet-robson-izuchaem-programmirovanie-na-javascript-9523650   01687985_cover-pdf-kniga-petr-tashkov-veb-mastering-na-100-html-css-javascript-php-cms-ajax-raskrutka

  • 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

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

  • Сергей

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