Просмотров: 97

Как для встраиваемого видео 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 (iframe) включить автовоспроизведение и зациклить.: Один комментарий

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>