Урок 143. Как сделать автозапуск видео с Ютуб (youtube) на сайте

Как установить видео Youtube и сделать автозапускПриветствую! Сегодня на dvpress.ru решил написать, как установить видео с Youtube на сайт и сделать его автозапуск. Видео можно устанавливать не только на блог, но и на одностраничный сайт.

Автозапуск видео может пригодиться во многих случаях, например: на продающем сайте, страница «обо мне» или «о сайте», видео-открытках и во многих других случаях.

Читайте также о других настройках видео с помощью расширения для браузера «VidIQ and Vision for YouTube». Вы сможете легко настроить не только автозапуск, но и другие малоизвестные параметры.

Есть и другой способ настройки видео, с помощью скрипта. Читайте статью «Фишки и секреты Youtube в одном скрипте»

В уроке 31, я уже писал, как вставить видео на блог с помощью плагина Video Embedder. Сегодня Вы узнаете, как вставить видео на любой сайт с Youtube без плагина.

Как сделать автозапуск видео с Ютуб (youtube) на сайте

Чтобы установить видео с Youtube, надо скопировать код этого видео и установить на сайт. Но, перед тем как копировать видео, надо сделать несколько манипуляций мышкой. Щелкните под видео «HTML-код», затем нажмите «Другой размер», и задайте размер видео, который Вам нужен. Чтобы задать свой размер, щелкните «Другой размер», а затем впишите в правом поле нужный размер.

Как установить видео Youtube на сайт и сделать автозапуск

Но копировать код еще рано. Чуть ниже, Вы увидите дополнительные настройки.

1. Показать похожие видео после завершения просмотра.

2. Включить режим повышенной конфиденциальности

3. Использовать старый код вставки

Здесь надо вставить или удалить галочку напротив каждого параметра.

В первом случает - это показывать или нет, похожие видео по завершении просмотра. Если установить галочку во втором пункте, то информация о посетителях, которые видео не смотрели, не будет сохраняться. В третьем пункте нужно установить галочку, если нужно использовать старый код для вставки на сайт. Некоторые сайты не воспринимают новый код iframe.

Как правильно вставить код видео на движок WordPress

Код видео можно устанавливать не только в статьи, но и в другие места на сайте, например, сайдбаре. Чтобы вставить видео в статьи, надо скопировать код, который выделен, синим цветом, а затем этот код добавить в статью, но не в визуальном режиме, а в текстовом. Переключение режимов «Визуально/Текст» находится вверху справа редактора WordPress. Чтобы выровнять видео посередине страницы, нужно добавить HTML-код <center> код видео </center>

На некоторых сайтах такой код работать не будет, потому что в коде, после src= не прописано http:. Добавьте http:, если видео не появляется на странице.

Как установить видео Youtube на сайт и сделать автозапуск

Как сделать автозапуск видео

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

Смотрите скриншот ниже. Красным я выделил изменения в коде.

Как установить видео Youtube и сделать автозапуск

Соблюдайте пробелы между параметрами, чтобы все работало правильно.

На этом все. Все вопросы пишите в комментариях.
___________________________
К уроку 144. Плагин для WordPress Q2W3 Fixed Widget – плавающий виджет

20 Comments

  1. Позвольте спросить. ведь на Blogger есть встроенный You Tube и вполне устраевает всех. спасибо! 😡

    Kairatbek
    • Не понял, какой Blogger имеете ввиду? Причем здесь Blogger, если речь идет о всех сайтах?

  2. Юрий, добрый день.
    Спасибо за статью, но для qwertyPay этот код с автозапуском видео не подходит

    Что делать ?
    Юрий
    16.03.2014 13-27 (мск)

    • Попробуйте вставить перед закрывающей кавычкой этот код ?amp*&*amp;autoplay=1
      Только удалите знаки “*” в коде
      Должно видео проигрываться автоматически.

  3. Юрий,
    вот в таком виде работает

    спасибо за помощь
    Юрий

  4. У меня вопрос, ютуб засчитывает эти просмотры?

    Александр
  5. Спасибо за код автозапуска! ❗

  6. Пробовал и так и сяк, не идет автозапуск.Выручайте!

    Андрей
  7. Все, заработало!

    Андрей
  8. Спасибо чувак!! 😉

    Ползал тут http://showsteps.ru/instruction/548-kak-zastavit-roliki-s-youtube-proigrivatsya-avtomaticheski , ни хрена не получалось. Нашел твою статью, все работает на ура.

    Игорь
  9. Здравствуйте. Спасибо за статью!
    Еще есть вопрос. А можно сделать, чтобы проигрывание видео не зацикливалось? Есть соответствующий атрибут?

    • Здравствуйте. Но видео ведь итак не зацикливается. В конце останавливается

  10. Да, я уже разобрался. Это видео загружено на сайт Вконтакте. Там я нашел в настройках чекбокс, регулирующий зацикливание, уже убрал галочку 🙂

  11. Полезная статья, сразу все понятно. Но маловато информации о настройках в целом, ведь настроек плеера еще много, было бы не плохо о них тоже упомянуть.

    • Точно подмечено! В начало статьи добавил ссылки на 2 других поста, где описаны настройки видео

  12. Приветствую..а как скопировать чужой сайт на свой движок?возможно это??заранее спасибо

    Валерий
    • Здравствуйте Да это возможно. Но YouTube есть видео на эту тему.

  13. Есть у вас ссылка???

    Валерий

Leave a Reply

Яндекс.Метрика