27

Знаете ли вы, как вставить видео в блог?

Татьяна Иванко, ведущая рубрики Знаете ли вы?, отлично отдохнула и вернулась из отпуска, чему мы очень рады, и, надеемся, вы тоже. Сегодня Татьяна предлагает поговорить о том, как вставить видео в блог. Действительно, иногда хочется разнообразить свои посты не только красивыми фотографиями, но и видеороликом по теме. Вы можете захотеть добавить видео, которое снимали сами, или же просто показать своим читателям понравившийся ролик из Интернета.

Как вставить видео в блог: пошаговая инструкция

Если вы ещё никогда этого не делали, то задача может казаться вам очень сложной. На самом деле всё просто!

Есть несколько способов добавить видеоролик в сообщение блога.

Самый ленивый – это просто дать ссылку на него в тексте. По клику на ссылку откроется видео. Этот способ может быть удобен в том случае, если в конце статьи вы хотите дать список ссылок на видеоролики по заданной тематике.


Если же ролик один, и вы хотите, чтобы читатели видели вот такое окно предпросмотра,

Как вставить видео в блог: предпросмотр

то нужно воспользоваться другим способом.

Рассмотрим пример встраивания видео с YouTube (видео с других сайтов вставляется аналогично).

Открываем понравившийся ролик, например, мультфильм “Встречайте бабушку”.

Параметры видео

Под видеороликом нажимаем на кнопку “Поделиться”, далее “Сгенерировать HTML-код”. Ниже появится рамка с выделенным синим текстом. Это и есть код, который нам нужно скопировать и вставить в блог. Мы можем выбрать размер окна предпросмотра (420х315, 480х360, 640х480, 960х720), или же указать другой желаемый размер вручную.

HTML-код будет меняться автоматически в зависимости от параметров, которые вы выбираете.

После того, как вы указали все параметры видео, копируете код в рамке в буфер обмена. Далее открываете сообщение в режиме редактора HTML (см. картинку ниже) и вставляете код в то место текста, где вы хотите поместить окно предпросмотра видеоролика.

HTML-код для встраивания видео

Вот и всё! Ваше сообщение будет выглядеть так, как показано на самом первом рисунке!

Для продвинутых

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

Обратите внимание

Добавлять видео с жёсткого диска непосредственно в сообщение блога не очень удобно (хотя такая возможность есть). Видеофайлы занимают много места на хостинге. Кроме того, ваш блог может долго загружаться у пользователей с «медленным Интернетом”. Поэтому лучше предварительно загрузить видео на YouTube (или другой сервис для хранения видеофайлов), а потом уже вставлять ссылку на это видео в сообщение, которое вы набираете.

Удачи!

Автор: Иванко Татьяна

Получайте свежие статьи на почту, как более 5000 читателей "Блоги Мам", и будьте в курсе всего самого интересного и полезного!

Ваш e-mail:

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

27 комментариев

сначала новые
по рейтингу сначала новые по хронологии

Я творю))) на World Press. Там есть плагин YouTube Advanced by Embed Plus.

Очень удобно. Просто вставляешь в текст ссылку из YouTube и в готовом виде на этом месте вставляется видео с YouTube

Маруся

Спасибо большое, буду знать!

Спасибо! Давно хотела вставить видео на блог, а теперь точно решилась

Дмитрий

Можно просто саму ссылку на видео с адресной строки браузера вставить в запись html - тот же эффект:)

Спасибо, Танюш!!!

Нам, блогспотовцам, уже облегчили эту задачу сильно - теперь это очень легко. А вот что можно изменить настройки не знала!!! Пойду изучать!!!

Cветлана Бобровская

Хочу предупредить тех, кто ведет блоги на CMS Вордпресс (как этот блог): лучше брать старый код встраивания (отмечать птичкой нижнее окошко). Тот, который показали имеет опасное свойство. Если при подготовки статьи переключаться с одного режима редактирования на другой (то есть с визуального редактора на код HTML) и обратно, он просто слетает, и видео не показывается, а со старым типом работает безупречно. Проверено на себе.

Валентина

Слетело. Как исправить?

Ой, а можно по подробней, я скачала видео с ютуба, и теперь периодически его не видно.

Светлана, большое спасибо за подсказку, я думала, это баг вордпресса, но не знала, что его так легко исправить.

Ну я об этом давно знала...

Автор

Ну значит конкретно для вас статья оказалась бесполезной ))

Встречный вопрос - а чего вы не знаете? Может, в следующей теме попробуем с этим разобраться.

Надо подумать.... Может, и подкину вам идейку для статьи.

По сложившейся традиции, всё вышеописанное относится к WordPress. Для Drupal есть специальный модуль, или фильтр.

Ольга, не соглашусь, рекомендации абсолютно универсальны - Таня рассказывает о том, как сгенерировать код с youtube, не упоминая вообще о типе платформы. Потом его можно вставлять хоть куда, будь то livejournal, blogspot или joomla. Уверена, и на drupal можно обойтись без специального модуля, просто вставив embed code из youtube в тело поста в режиме html.

Упс, так и есть.

Оля, получилось? Хорошо!

Елена Шинкаренко

Давно пользуюсь этим сервисом, но "для продвинутых" - не знала о таких отличных параметрах ,которые можно задавать.Благодарю -обязательно воспользуюсь рекомендациями.

Автор

Девушки, рада, что оказалась вам полезной ))

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

Как же эта статья вовремя появилась. Я все ломала голову как вставить видео, а оказалось все так просто!

Татьяне не просто спасибо, а СПАСИБИЩЕ!

Валентина

Чем больше я читаю технических советов по блоговедению на Боге Мам - тем четче понимаю, как же мне повезло! Мы с Таней еще с самого начала строго поделили "обязанности". На ней - техническая сторона вопроса со всеми кнопочками, плагинами, видео, и на мне - наполнение и раскрутка)))

А ведь говорят, что вести блог может абсолютно КАЖДЫЙ! Какие же мамочки у нас молодцы все-таки! И программисты, и дизайнеры, и копирайтеры, и СЕО-шники)))

Это делать умею!!

Спасибо, Татьяна! Добавление видео в статью помогает сделать ее более интересной и информативной

Давно пользуюсь и тем не менее на некоторые настройки не обращала внимание. Теперь буду использовать.

А я использую плагин Video Embedder - мне кажется, с ним ещё легче.

За инструкцию по дополнительным параметрам отдельная благодарность - давно подумывала, как избавиться от вывода похожих видео. Всё руки не доходили поискать информацию, а тут прямо на почту прислали.

Спасибо, Татьяна!

Можно вставлять свое собственное видео, предварительно разместив его на YouTube. Вот, к примеру, видео, которое мы снимали, когде всей семьей поехали кормить страусов: http://yug-gelendzhik.ru/strausinoe-rancho/

Я часто вставляю видео в посты. Поскольку YouTube теперь гугловский, то в Bloggere добавлять видео в пост можно прямо в редакторе поста. Удобно.

А вот про дополнительные настройки не знала. Надо изучить.

Спасибо!

Спасибо большое за информацию. Давно хочу научиться вставлять видео, но никак руки не доходят. Уже подумывала о плагине, а оказывается все намного проще. А что вы скажете о плагинах, какой способ лучше?

Думаю лучше по-возможности не захламлять блог плагинами. Просто html код с ЮтуБа и все. Хорошо подобранное видео в любом случае улучшает поведенческие факторы.

Мы знаем всё о Блогах Мам, расскажем все секреты вам :)

Получайте самое интересное и полезное на почту, как более 5000 читателей "Блоги Мам"!

Готово!