Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » » Как вставить видео с YouTube на сайт WordPress

Как вставить видео с YouTube на сайт WordPress

galina2601 15-06-2016, 16:57 3 111 Уроки по CMS / Уроки по wordpress

Многие владельцы сайтов или блогов на популярном движке  WordPress имеют и собственные каналы на  YouTube.

Поэтому у них возникает вполне понятное желание продублировать ролик и у себя на сайте. 

Конечно, есть специальные плагины для работы с видео. Но есть совершенно простой способ вставки видеоролика прямо в код страницы очередного поста.

Итак, как вставить видео с YouTube на сайт

Предположим, у нас есть готовый ролик уже загруженный на ютюб. Вот, к примеру, этот:

 

Кстати, данный сайт сделан на cms DLE. Как вставить видео на страничку на движке DataLife Engine расскажу в следующий раз.

 

Не отвлекаемся. Находим нужный нам ролик. Он размещен по адресу: https://www.youtube.com/watch?v=tF7DRHhp7Go

А вы, конечно же, открываете страничку со своим видео. 

Для того, чтобы узнать адрес нужно щелкнуть по кнопке "Поделиться", которая расположена  немного пониже самого видео. 

 


 

После этого внизу откроется окошко в котором будет размещены кнопки социальных сетей и  адрес видеоролика.

 

Обратите внимание. Сверху над кнопками соцсетей есть три закладки: "Поделиться", "HTML-код", "Эл.почта". 

Изначально красной линией подчеркнута закладка "Поделиться".

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


Выбрав нужные настройки, скопируйте код, который начинается так: <iframe width="560" height="315" .....   

Дальше идем уже на сайт WordPress.

Создаем новую запись или открываем ту, куда нужно вставить видео. Переходим в режим редактора, нажав закладку "Текст" и вставляем скопированный код.

 

 

 

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

 

 

 

 

Похожие новости

  • Как вставить кнопку "Назад" на сайт на cms DLE
  • Как добавить блок "Мы вКонтакте" на сайт?
  • Как вставить кнопку Вверх для сайта
  • Как вставить кнопки социальных сетей на сайт
  • Урок 6. Вставка звука и видео

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

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив