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


Не секрет, что в WordPress 3.4.1 не работают многие плагины, в том числе и плагины по вставке видеороликов в публикуемые статьи. По крайней мере, из тех плагинов, которыми я пользуюсь. Да и читатели блога мне об этом пишут.

Итак, сначала я хотел поискать подходящий плагин, но потом подумал: «А что, если в следующей версии WP опять будет такая же канитель?» Ведь выход новой версии не за горами – уж очень версия 3.4.1 глючная. Поэтому, решил я, надо обходится без плагинов, заодно  и нагрузка не сервер будет поменьше. И главное, теперь при любом обновлении WordPress’а все установленное в статьях видео будет работать.

Такое решение проблемы – вставить в статью видеоролик без плагина – есть и оно до смешного простое.

Заходим на YouTube:

Как вставить видео на сайт без плагинов Рис.1 (Все рисунки кликабельны)

Прямо под выбранным роликом расположена кнопка «Поделиться». Нажимаем ее:

Рис.2

В появившемся окне нажимаем кнопку «Сгенерировать HTML-код». У нас откроется информация о необходимом нам коде:

 Рис.3

Прежде чем копировать, надо определить размер встраиваемого видеоплеера, по умолчанию установлен размер 420×315. После чего копируем код, выделенный синим цветом, и переходим на свой сайт.

Открываем нужную страницу, визуальный редактор устанавливаем в режим HTML и в текст статьи вставляем этот код:

Рис.4

Обновляем страницу и смотрим — как это выглядит на сайте:

Рис.5

Видео вставилось, но оно оказалось прижатой к левому краю, а хотелось бы – по центру статьи. Если Вы попробуете установить наше видео по центру с помощью кнопки визуального редактора «Выровнять по центру», то у Вас ничего не получится. Чтобы выровнять видеоплеер по центру страницы нам придется прибегнуть к вставке кода (увы!). Правда, код мы будем вставлять самый простой, из тех, которые Вы уже знаете (или должны знать).

Нам необходимо выделить вставленный код как абзац с помощью тегов <p> … </p> и указать атрибут размещения на странице align=”center”. В итоге должно получиться так:

<p align="«center><iframe src=»http://www.youtube.com/embed/QnFYpubb7GI" frameborder="0" width="420" height="315"></iframe></p>

Конечно, адрес и размеры видеоплеера у Вас будет свои.

В визуальном редакторе это будет выглядеть так:

Рис.6

На сайте после обновления страницы это будет выглядеть так:

 Рис.7

Мы своего добились – видеоплеер стал располагать по центру страницы. И теперь мы можем быть уверены в сохранности наших видеофрагментов на страницах сайта.

P.S. Вот так же легко Вы должны решать и другие проблемы. Есть проблема с видео – с помощью моего блога. Если любите играть в Вормикс, то перейдите на сайт  wormiks.ru (адрес сайта такой же) – там есть все необходимое. И как Вы сейчас победили видео, так и там – победите в Вормиксе. Побеждать надо всегда!

P.P.S. Уже становится традицией: в конце статьи даю жирные ссылки (сегодня тИЦ 2200, PR 6):

[share-locker locker_id="f3eee8a5edc07a2ce" theme="grey" message="Чтобы увидеть ссылку, нажмите на любую кнопку!" facebook="true" likeurl="CURRENT" google="true" googleurl="CURRENT" tweet="true" tweettext="" tweeturl="CURRENT" follow="true" linkedin="true" linkedinurl="CURRENT"]Сайт http://www.nanonewsnet.ru/. Тиц 2200, PR 6. Необходимо: зарегистрироваться, в ответном письме подтвердить, заходим на сайт, жмем «Изменить» — в «Личных данных» пишем сайт[/share-locker]"

 

Похожие записи по этой теме:

3 thoughts on “Как вставить видео на сайт без плагинов

  1. Вячеслав

    Пользуюсь плагином Hana Code Insert — но ваш метод попроще будет

    Reply
    1. admin Post author

      Вячеслав, если есть возможность что-то сделать без плагинов, то надо делать — плагины несколько замедляют сайт

      Reply
  2. Mila

    Но я предпочитаю убирать" птичку" из первого чекбокса — иначе после просмотра окно видео заполняется похожими и не совсем, а иной раз и вовсе непотребными картинками...

    Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *