Как вставить видео в блог


Содержание материала:

Добавляем видео с Youtube на свой сайт

Здравствуйте, дорогие читатели! С увеличением скорости интернета, видео в блоге стало не роскошью, а, чаще, необходимостью. Поэтому сегодня подробно расскажу как вставить видео с Youtube на свой сайт. Затрону и простые сайты на одном html и поясню, почему лучше хранить видео на Ютубе, чем заливать на свой сайт. Поехали!

Как добавить видео — инструкция

Заходим на Ютуб и находим видео, которое нас интересует. Находим под видео кнопку «Поделиться». Для вставки на сайт выбираем «HTML-код».

Можно сразу скопировать полученный код и добавить на блог, но я рекомендую перед этим перейти в настройки. Нажимаем «Еще».

Нам открывается раздел Youtube с настройками видео.

Поясню что они значат и какие из них вам нужны.

  • Размер видео — выбирайте под ширину вашего сайта. Если у вас адаптивный сайт, проверьте отображение на мобильных устройствах. При качественной верстке видео будет подстраиваться под ширину;
  • Показывать похожие видео после завершения просмотра — если вы добавили видео строго по теме, то рекомендую убрать галочку. Для развлекательных проектов и где задача удержать как можно больше посетителя на сайте — оставляйте;
  • Показывать панель управления — рекомендую включать: очень раздражает, когда не можешь промотать или остановить ролик;
  • Показывать название видео и функции проигрывателя — по желанию;
  • Включить режим повышенной конфиденциальности — если включить этот режим, то Youtube будет сохранять информацию о посетителях только в том случае, если они досмотрят ролик до конца. На деле ни на что не влияет.

Помимо видимых настроек, есть те, которые скрыты — дополнительные настройки видео:

  • autoplay=1 — начинает воспроизводить видео сразу после загрузки страницы. Не рекомендую;
  • loop=1 — зацикливает видео;
  • fs=0 — запрещает разворачивать видео на весь экран. Убирает соответствующую кнопку на панели управления;
  • fmt=6 — задает качество видео. fmt=18 — среднее, fmt=22 — наилучшее. Полезно применять только если у вас красивый красочный ролик, смысл которого именно передать красоту. Во всех остальных случаях советую оставить это на выбор зрителя;
  • iv_load_policy=3 — один из самых полезных параметров. Отключает аннотации к видео, такие как ссылки на канал автора и его другие ролики. Но не отключает рекламу Google.

Добавлять параметры просто: в коде после идентификатора видео добавляем знак «?» и пишем параметры, перечисляя их через «&». Ниже правильный пример:

Как вставить видео в блог

Большое количество людей стыкается с проблемой как вставить видео в блог и в этой проблеме им поможет плагин Video Embedder. Плагин позволяет легко вставлять видео в блог из различных сервисов таких как YouTube или RuTube и других. Изначально эти сервисы предлагают специальный код для вставки видео. Но когда вставляешь этот код в визуальный редактор код режет ролик и он не воспроизводится в записи корректно.Чтобы избежать этого нужно всегда использовать HTML-режим. А это не всегда удобно поэтому мы будим использовать плагин Video Embedder.

Установка плагина

1 Качаем плагин Video Embedder здесь .

2 Распаковываем архив и кидаем папку WP-Syntax в (wp-content/plugins/).

3 Активируем плагин.

Чтобы добавить видео в блог вам нужно перейдите в раздел Параметры —> Video Embedder. И выбрать шорткод для вашего видео-сервиса пример:

Так выглядят шорткоды для Youtube и RuTube.

Ну это еще не все, далее нам нужно найти видео ролик, и скопировать id ролика.

Открываем видео и смотрим на ссылку у меня она выглядит так:

копируем все что после равенства (=) и вставляем между тегами.

После всего проделанного у вас должно получится похожие на это:

Как видем плагин очень полезен для людей которые постоянно вставляют видео в блог.

Blogger не для чайников

Как вставить видео в Blogger

Про Youtube я в том году написал достаточно. Каких только способов не существует для вставки и проигрывания видеофайлов блоге (см. результаты поиска по блогу).
Вообще на Blogspot’е можно сделать посещаемый видеоблог (знаю качественные примеры) без каких либо затрат на хостинг и с очень грамотным оформлением. К последнему, надо сказать, видеоблогеры почему-то не прибегают.
И так, я рассматривал разные способы вставки видео с youtube в блог, а сегодня поговорим о стандартном способе: о том, который заложен в редактор сообщения.

На панели редактора есть кнопка «вставить видео«:

После нажатия на которую откроется окно с разными предложениями:

  • вставить ролик с компа
  • с ютуба
  • с телефона (приложение для Android)
  • с web-камеры

Интерес представляют только первые два пункта. Со вторым понятно: через поиск находите ролик, который затем вставится в пост:

Что касается закачки видеофайла с компьютера, то в редакторе это выглядит так:

Как легко вставлять видео в блоги на WordPress

Главное меню » Блог-платформа wordpress » Как легко вставлять видео в блоги на WordPress

Как встроить видео в блоги на WordPress

WordPress поставляется с большой функцией под названием auto-embeds. Это позволяет WordPress автоматически получить код для видео с популярных видео-хостингов, таких как YouTube, Vimeo и т.д.

Все, что вам нужно сделать, это вставить URL видео в редакторе постов. Убедитесь, что URL-адрес находится в линии и не кликабелен (гиперссылкой).

Если вы используете визуальный редактор, то WordPress немедленно извлечет код, и отобразит видео внутри редактора постов.

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

Не было ли это легко?

WordPress может делать автоматическое встраивание, что позволяет вставить несколько поставщиков перечисленных услуг. Для других веб-сайтов, вы все равно должны получить код, а затем вставьте его в вашем блоге.

Вот список поставщиков белый список услуг для авто-встраивания в WordPress.

  • Animoto
  • Blip
  • Cloudup
  • CollegeHumor
  • DailyMotion
  • Facebook
  • Flickr
  • FunnyOrDie.com
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Photobucket
  • PollDaddy
  • Reddit
  • ReverbNation
  • Scribd
  • SlideShare
  • SmugMug
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • Vine
  • WordPress plugin directory
  • WordPress.tv
  • YouTube

Почему я не могу загрузить видео на мой сайт WordPress?

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

Если ваше видео получил тонны трафика, то ваш сайт, скорее всего, может упасть. Во-вторых, вам не хватает трафика от пользователей YouTube. Мы рекомендуем вам выбрать сайт третьей стороны, такие как Youtube, Vimeo и т.д., чтобы загрузить видео.

Мы надеемся, что эта статья помогла вам узнать, как легко вставлять видео в блогах WordPress.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Блог Алeксандра Сергиенко

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

Зачем добавлять v >Когда вы читаете материал в сети, вы наверняка обращаете внимание на изображения, которые его украшают. Не менее привлекает внимание и видео-дополнение. Скажу больше, я часто пролистываю текст, особенно если он скучноват и перехожу к просмотру video.

Многие пользователи ежедневно убеждаются, что наглядное «пособие» в виде ролика из youtube, порой куда удобнее чем текст. К тому же, клипы (например, в виде мотиватора) прекрасно дополняют статью и украшают ее.

Пошаговая установка

Добавлять v >www.youtube.com и просмотреть нужную информацию самостоятельно.

Поэтому, мой пример будет основан на редактировании уже имеющейся статьи.

1. Перейдите в панель управления Вордпресс, а потом – в раздел « Записи ». Выберите любую.

Топ-пост этого месяца:  Редиректы можно удалять сразу после индексации новой страницы

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

3. Откройте сайт youtube и найдите нужное вам видео, пользуясь поиском.

4. Кликните по ролику, чтобы просмотреть его и убедиться, что он вам подходит.

5. Опускаемся ниже клипа и нажимаем « Share », а затем « Embed ». Вы увидите код. В моем случае, расширение ролика по ширине 420 пикселей и по высоте 315 пикселей. Меня это не устраивает, поэтому нажму кнопку « Show more ».


6. Появилось окно и я выбираю размер « 480 на 360 ».

7. Код поменялся, теперь нужно его скопировать .

8. Возвращаемся к нашей записи в блоге. Вставляем скопированный код между текстом, где ролик подойдет по смыслу.

9. Переходим на вкладку « Визуально », убеждаемся, что все сделали правильно. При выделенном квадрате, выбираем центрирование (в моем случае ролик выровняю по левому краю). Обновляем и сохраняем статью.

10. Переходим в блог и смотрим.

Это надежный метод, которым я предпочитаю пользоваться. Но есть и еще один, более быстрый.

Метод в несколько кликов

Шаг 1. Зайдите на сайт ютуб и скопируйте ссылку на клип-мотиватор в строке браузера.

Шаг 2. Перейдите в панель управления и нажмите на кнопку « Добавить медиафайл ».

Шаг 3. Вставьте в соответствующее поле скопированную ссылку и нажмите « Вставить в запись ».

Шаг 4. Запись вставлена, но размер ее вы подкорректировать сможете.

Надеюсь, статья была вам полезна и теперь вы можете выбрать наиболее подходящий вам метод добавления видео.

Подписывайтесь на новости моего блога int-net-partner.ru и делитесь успехами в комментариях.

До новых встреч.

Рекомендую прочесть следующие полезные статьи:

Как вставить видео с Ютуба на сайт

11 марта 2020 года. Опубликовано в разделах: Продвижение в YouTube. 6873

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

Дополнительные преимущества вставки видео с Youtube на сайт

  • Получение дохода от показа ролика, если он принадлежит владельцу интернет-сайта.
  • Увеличение популярности веб-ресурса.
  • Пополнение медиа-контентом.
  • Демонстрация портфолио.

Но отсылать посетителя со своего сайта на видео-хостинг неудобно, так как не хочется его терять. Кроме того, каждая лишняя исходящая ссылка “переливает” вес с вашего сайта. А зачем это нужно?

Рассмотрим инструменты, при помощи которых можно разместить видео с Ютуба на сторонний сайт.

Это самый простой способ ретрансляции видео. HTML-код находится на странице видеоролика в Youtube. Нажимаем “Поделиться”.

В поле снизу появляется прямая ссылка на ролик. Но мы выбираем “Встроить” — <> и получаем код видео с Youtube для сайта.

Устанавливаем настройки и копируем его в буфер.

Затем заходим в систему администрирования нашего сайта (предположим, что это MODx). Открываем исходный код той веб-страницы сайта, на которую следует вставить видео с Youtube и размещаем его.

Нажимаем “сохранить” и проверяем.

Фрейм — это такой виртуальный контейнер, который отображает в себе содержимое другой веб-страницы. В его коде можно поправить атрибуты вручную.

  • width и height – его размеры;
  • src – путь;
  • frameborder – рамка есть или нет;
  • allowfullscreen – полноэкранный вид.

2. Вставка html-кода video

Он отображает видеоролики на веб-странице.
Его синтаксис:

  • width и height – его размеры;
  • src – путь, который может задаваться через вложенный ;
  • autoplay — самопроизвольно включается в момент загрузки веб-страницы;
  • controls — ролик отражается вместе с панелью управления;
  • loop — зацикливает повтор;
  • poster — показывает посетителю картинку, если с его отображением возникают проблемы — следует указать путь к изображению-загрушке;
  • preload — видео загружается одновременно со страницей;
  • frameborder – рамка есть или нет;
  • allowfullscreen – полноэкранный вид.

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

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

3. Видеоплееры на основе JavaScript и Flash.
Только программист сможет внедрить такое приложение к движку. Самым оптимальным и простым из них считается Spruto. На его официальном интернет-проекте можно настроить функционал и внешний вид.

Размещаем URL, делаем настройки и получаем код.

Можно скачать плеер полностью для установки или только код в формате JS или FLASH. В комплект скрипта входит руководство по установке.

4. Спецсредства в движках (CMS).

Во многих CMS предусмотрены встроенные плагины, которые позволяют работать с видеороликами.

WordPress

В последних версиях можно вставить простую ссылку на Ютуб напрямую. В режиме Html (Text) просто вставляется в нужном месте ссылка на странице и сохраняется. При этом происходит полноценное отображение ролика на сайте. Указатель ?autoplay=1 позволит ролику включаться автоматически при открытии страницы пользователем.

Плагины

Многие CMS работают только с плагинами, Например Joomla доступны а AllVideos или Vidbox. Рассмотрим первый из них.

После скачивания необходимо стандартным способом установить плагин и активировать его. Затем настраиваем: выбираем шаблон, размер плеера, папку для хранения файлов и т.д.
Для каждого видео в Ютубе генерируется уникальный идентификатор, его можно найти в адресной строке в момент просмотра.

Копируем его, затем в нужно месте страницы в Джумла вставляем код типа

На этом все! Вы можете использовать один из методов, чтобы дополнить содержимое вашего сайта.

Все способы, как можно вставить видео с Youtube на сайт

Иногда так хочется высказаться, объяснить суть происходящего, что даже не хватает слов. Поэтому начинаешь жестикулировать руками, пытаясь выразить переполняющие тебя чувства. Так бывает и с авторами контента, и для самовыражения кроме слов они иногда используют визуальные средства. Поэтому давайте разбираться, как вставить видео с youtube на сайт:

Зачем сайту видео?

Люди, исповедующие консервативный взгляд на значение интернета в распространении информации, рассматривают его как цифровой вариант обычного печатного таблоида. Но прогрессивная часть пользовательской аудитории не готова мириться с таким мнением. Им мультимедийность подавай! Одним из таких веяний и является ретрансляция видео с Youtube на своем сайте.

  • Дополнительный источник дохода – за показ видеороликов владелец сайта получает деньги;
  • Дополнение к материалу – часто видео данные выступают дополнением к текстовому контенту. Это делает изложение информации более полным и исчерпывающим. Особенно эффективно использование такого дополнения во время обучающего процесса;

  • Как способ привлечения посетителей – можно вставить видео на сайт, чтобы увеличить популярность ресурса. Но для этого нужно использовать уникальные ролики, и лучше те, которых нет на популярных видео хостингах. Например, если вы являетесь автором какого-нибудь курса. И чтобы увеличить посещаемость своего сайта, бесплатно выкладываете на нем некоторые из уроков для просмотра;
  • В форме портфолио – подразумевается использование пространства ресурса для демонстрации своих возможностей как высококлассного специалиста в какой-либо сфере. Это могут быть видеоролики, в процессе съемки которых автор выступал режиссером и оператором. Или отснятая обстановка помещения, дизайн которой разрабатывался вами.
  • Как становится ясно из сказанного выше, видео на сайте может стать мощным инструментом популяризации, продвижения и заработка на своем ресурсе. Поэтому стоит более подробно ознакомиться со способами его размещения.

    Способы размещения видео на сайте

    Здесь мы рассмотрим наиболее популярные способы. Вот они:


    1. Вставка кода фрейма с Youtube – является наиболее легким методом реализации. Подходит для ретрансляции своего или чужого тематического видео с этого хостинга у себя на сайте. Код для вставки в html можно найти на страничке видеоролика в Youtube . Он находится сразу под окном плеера во вкладке « HTML-код »:

    Для начала давайте разберемся, что такое фрейм. Этот элемент в html позволяет отображать содержимое другой веб-страницы в дочернем окне, размещенном на странице основного сайта. Возьмем пример кода фрейма с приведенного выше рисунка:

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

    • width – задается длина окна фрейма;
    • height – устанавливается высота окна плавающего фрейма;
    • src – путь к файлу, содержимое которого будет воспроизводиться;
    • frameborder – устанавливает отображение рамки вокруг фрейма. Поддерживаются значения yes или no, 1 или 0 (нет);
    • allowfullscreen – разрешение на полноэкранное отображение видео.

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

    Топ-пост этого месяца:  Продвижение в социальных сетях - раскрутка в соцсети

    Для демонстрации мы взяли шаблон простого двухстраничного сайта. Код плавающего фрейма вставляется в любой из блоков

    А вот как отображается видео в плеере на странице нашего шаблона:

    1. Использование тега — позволяет размещать, воспроизводить и проигрывать видео на веб-странице. Его атрибуты:
    • autoplay – воспроизведение видео начинается сразу после загрузки страницы сайта;
    • controls – к ролику добавляется панель управления проигрывателем;
    • width, height – отвечают за размеры окна видеоплеера;
    • loop – включает автоматическое повторение воспроизведения видео сразу после его окончания;
    • poster – устанавливает картинку, которая будет отображаться, пока идет загрузка видео. Или если его воспроизведение недоступно;
    • preload – включает предварительную загрузку видео во время загрузки браузером веб-страницы;
    • src – задает путь к видеоролику.

    Как видно из примера, в тегах реализовано несколько вариантов источников. То есть перед тем, как вставить видео на сайт, его нужно будет « перегнать » в несколько форматов. В зависимости от поддерживаемого формата браузер сам выберет нужный ему вариант.

    Более детально о поддерживаемых различными браузерами форматах видео можно узнать из технической документации к языку html .

    Вот как это выглядит на нашем сайте:

    1. Использование видеоплееров на основе JavaScript и Flash – самый трудный для реализации вариант. « Вживления » кода таких плееров в ваш сайт требует специальных знаний и навыков. Наиболее оптимальным является бесплатный видеоплеер Spruto . На официальном сайте с помощью конструктора можно настроить его внешний вид и функционал приложения:.

    Затем нужно скачать его в виде архива или скрипта. При этом в комплект архива входит подробная документация для настройки и « безболезненной » интеграции видеоплеера на ваш ресурс:

    Интеграция видео на сайтах, развернутых на основе CMS

    1. WordPress – в этом популярном движке, начиная с версии 2.9, реализована поддержка вставки обычной ссылки на ролик, расположенный на одном из популярных видео хостингов. Для этого нужно всего лишь воспользоваться специальным шорткодом. Его синтаксис:

    • Заходим в админку сайта;
    • Слева в меню выбираем вкладку « Записи », « Добавить новую »;
    • Пишем заголовок записи;
    • Вставляем шорткод и ссылку на видео;
    • Справа жмем на « Опубликовать »:
    • Вот как выглядит добавленный видеоролик на странице сайта:

    Но это не единственный способ того, как вставить видеоплеер на сайт WordPress. Также можно воспользоваться специализированными плагинами.

    Вот некоторые из них:

    • JW Player ;
    • Video.js ;
    • Spider Video Player .

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

    Вот несколько проверенных:

    • AllVideos ;
    • Vidbox ;
    • AllVideos Reloaded .

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

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

    Всем привет! Встраивание видео YouTube в текст статьи процесс совсем не сложный. Но, если вы только создали свой сайт вордпресс и не знаете как добавлять видео с ютуб на свой веб-ресурс, то это пошаговое руководство для вас. Добавить/встроить видео YouTube на сайт/в сообщение очень просто, и сегодня вы научитесь это делать.

    Обратите внимание, для вставки видео с видео-хостинга Youtube.com не требуются ни какие дополнительные плагины. Всё делается с помощью самой CMS, стандартными методами. Для справки : YouTube (русское произношение «ютуб», «ютьюб» или «ютюб». Дословно переводится на русский как «Ваше телевидение»).

    Как добавить/встроить видео с YouTube на сайт/в сообщение

    YouTube — видеохостинговый сайт, предоставляющий пользователям услуги хранения, доставки и показа видео. Пользователи могут загружать, просматривать, оценивать, комментировать, добавлять в избранное и делиться теми или иными видеозаписями. Благодаря простоте и удобству использования YouTube стал популярнейшим видеохостингом и третьим сайтом в мире по количеству посетителей.

    Распространенная ошибка в попытке вставить плеер на сайт — добавление прямой ссылки на ролик в редактор сообщений. То есть, это обычная гиперссылка, кликнув по которой, пользователь попадет на страницу YouTube с размещенным видео. Проблема в том, что пользователи, кликая по ним, покидают ваш сайт, и не факт, что вернутся. Для улучшения поведенческих факторов и удержания посетителей лучше, чтобы они смотрели видео прямо у вас на сайте. И так, поехали.

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

    Есть несколько способов добавлять/вставлять/встраивать видео с ютуб в свой пост. Выбирайте, самый удобный для вас.

    1. YouTube предоставляет код для встраивания видео на любой сайт или блог (при условии, что владелец видео разрешает его встраивать). Данный способ подходит и для Blogger. Для этого выполните следующие действия:

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

    Поделиться видео youtube

    • Выберите в открывшемся окне пункт «Встроить».

    Встроить видео на сайт

    • Откроется окно «Встраивание видео» с кодом видеоролика:

    Код для встраивания видео на сайт

    Затем, при написании статьи, в режиме Текст, вставляете скопированный код в нужное вам месте. Готово. Размер видеоролика можно регулировать самостоятельно, в коде w . Только соблюдайте пропорцию. Если вы уменьшаете или увеличиваете ширину на 40, то и длину нужно изменять на 40.

    Если захотите вставить видео на боковую панель блога, в панели управления Добавить виджет «Текст» и в его поле вставьте код. Следующий способ.

    2. Ютуб предоставляет ссылку для добавления видоса на сайт. Для этого, нужно также нажать под видео «Поделиться» и в окне скопировать предоставленную видехостингом ссылку:

    Копируем ссылку на видеоролик

    При написание поста, проделываем операцию, как при вставке картинки/изображения в текст статьи. Добавить медиафайл — Вставить с сайта. В поле для ссылки вставляем URL на видео ютубе:

    Вставить с сайта ютуб

    Нажимаете Вставить в запись. Всё, готово. При публикации сообщения ваше видео появится в тексте статьи. Вот, пример:

    Встроенное видео в текст статьи на сайте WordPress

    Данным способом вставляем видео на боковую панель блога. С помощью виджета «Текст»:

    Вставка видео в текстовый виджет


    Продолжаем разбор «полётов». Другие способы вставки видоса на страницы веб-ресурса.

    3. Для тех, у кого установлен многофункциональный редактор TinyMCE Advanced (у меня давно установлен и вам советую). Ну, это совсем проще пареной репы.

    Печатаем, печатаем статью на все времена, а в нужный момент в меню редактора сообщений нажимаем: Вставить — пункт Медиафайлы. Или кликаем на иконку Медиа (если она у вас добавлена в редактор):

    Вставить видео с помощью редактора WordPress

    А дальше, можно вставить в окне ссылку, со своими размерами видео или html-код ролика:

    Вкладка Общие. Ссылка на видео с размерами

    Вкладка «Объект» позволяет вставить код ролика:

    Вставка видео кода HTML в своё сообщение

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

    4. Добавить блок видео Gutenberg. Нажимаем плюсик + добавить новый блок. Затем вставки:

    Встраивание видео YouTube в Gutenberg

    Или можете в поиске блоков ввести слово youtube:

    Блок youtube в редакторе Gutenberg

    Нажимаете на блок и вставляете ссылку на ролик:

    YouTube URL в блоке Gutenberg

    Кликаете кнопку Вставить. Всё, блок видео ютубе встроен в вашу статью:

    Встроенное видео youtube на страницу сайта

    Друзья, как вы можете заметить, встроить видео youtube на страницу сайта можно используя только редактор сообщений WordPress. Здесь, помощники плагины, нам ни к чему.

    И в заключение

    С помощью представленных методов, используя лишь редактор вордпресс, вставлять видео на страницы WP можно не только с популярного ютуб хостинга, но и из других источников. Таких как — Facebook, Vimeo и из других соцсетей.

    На этом, дамы и господа, позвольте попрощаться. Всего доброго и удачи. Пока, пока.

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

    2 min

    Хотите добавить видео в свои записи в блоге WordPress? Видео оживляют ваш сайт, и они являются отличным способом повысить заинтересованность пользователей.

    WordPress позволяет очень просто вставлять видео с таких сайтов, как YouTube, Vimeo, Facebook, Twitter и многих других.

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

    Как встраивать видео в сообщения и страницы блога WordPress

    WordPress поставляется с отличной функцией, которая называется auto-embeds, которая позволяет вашему веб-сайту автоматически получать код для встраивания из популярных видеохостингов, таких как YouTube, Vimeo и т. Д.

    Топ-пост этого месяца:  Создание слоистой анимации на SVG

    Все, что вам нужно сделать, это вставить URL-адрес видео в редактор WordPress.

    Например, вы можете скопировать URL YouTube для видео, которое вы хотите встроить.

    Затем отредактируйте запись или страницу WordPress, где вы хотите добавить видео, и просто вставьте URL-адрес в область содержимого.

    Как только вы вставите URL видео, WordPress загрузит код для вставки и отобразит видео YouTube в редакторе контента.

    Теперь вы можете сохранить свое сообщение и нажать на кнопку предварительного просмотра, чтобы увидеть встроенное видео в своем блоге.

    Разве не так просто?

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

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

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

    Вот список белых сервисов видео для автоматического встраивания в WordPress:

    • Амазонка
    • Animoto
    • Cloudup
    • CollegeHumor
    • Crowdsignal
    • Dailymotion
    • facebook
    • Flickr
    • Hulu
    • Imgur
    • Instagram
    • Issuu
    • Kickstarter
    • Meetup.com
    • Mixcloud
    • Reddit
    • ReverbNation
    • Screencast
    • Скрибд
    • Slideshare
    • SmugMug
    • Someecards
    • SoundCloud
    • Колода динамиков
    • Spotify
    • ТЕД
    • Tumblr
    • щебет
    • VideoPress
    • Vimeo
    • WordPress.tv
    • YouTube

    Если вы хотите добавить видео с веб-сайта, не входящего в этот список, вам понадобится полный HTML-код для встраивания видео.

    Просто скопируйте код HTML, предоставленный веб-сайтом с видео, и вставьте его в блок «Пользовательский HTML» в редакторе.

    Вставить видео в WordPress с помощью Old Classic Editor

    Если вы все еще используете старый классический редактор WordPress, то вы можете встроить видео таким же образом.

    Просто скопируйте URL-адрес из видеохостинга, такого как YouTube, и вставьте его в редактор. Если вы используете визуальный редактор, то вы увидите предварительный просмотр видео.

    Однако вы не сможете использовать регулировку ширины и другие параметры, которые можно использовать в новом редакторе блоков WordPress.

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

    Так же, как страница или пост WordPress, вы также можете вставлять видео в виджеты боковой панели WordPress.

    Просто зайдите в Внешний вид »Виджеты и добавьте виджет «Текст» на боковую панель. Смотрите нашу статью о том, как добавлять и использовать виджеты в WordPress.

    В настройках виджета необходимо вставить URL видео в области содержимого. WordPress автоматически загрузит код для вставки и отобразит предварительный просмотр видео.

    Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.

    Теперь вы можете посетить свой веб-сайт, чтобы увидеть видео, встроенное в виджет боковой панели WordPress.

    Почему я не могу загрузить видео в WordPress?

    Ну, вы можете, но мы не рекомендуем вам это делать.

    Большинство небольших блогов используют общие учетные записи хостинга WordPress, а видео может занимать много ресурсов сервера. Если ваше видео получило тонны трафика, то ваш сайт с большей вероятностью потерпит крах.

    Во-вторых, вы пропускаете трафик пользователей YouTube.

    YouTube является не только крупнейшим видеохостингом, но и второй по популярности поисковой системой в мире, а также второй по популярности социальной сетью сразу после Facebook.

    Если вы не хотите загружать свои видео на YouTube, вы можете попробовать Vimeo или DailyMotion. Посмотрите сравнение YouTube и Vimeo, чтобы узнать, какая платформа лучше подходит для ваших нужд.

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

    Плагины WordPress для встраивания видео

    По умолчанию вам не нужно использовать плагин для встраивания видео в WordPress. Однако вы можете использовать плагины для улучшения просмотра видео на своем веб-сайте.

    Ниже приведены несколько плагинов, которые вы можете попробовать.

    1. Панель подписки YouTube

    Панель подписки YouTube показывает кнопку подписки YouTube под вашими вставками видео YouTube в WordPress. Он также выбирает количество ваших подписчиков на YouTube, чтобы добавить социальное доказательство и побудить больше пользователей подписаться.

    Сначала мы создали его для продвижения YouTube-канала WPBeginner на этом сайте. Многие из наших пользователей попросили нас рассказать, как мы это сделали, поэтому мы решили выпустить его как бесплатный плагин.

    2. Энвира Галерея

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

    Envira Gallery — один из лучших плагинов фотогалереи для WordPress. Он также поставляется с надстройкой видео, которая позволяет создавать красивые видео галереи с поддержкой всплывающих окон.

    3. Ленивая загрузка видео

    Видео встраивает сценарии загрузки с внешних веб-сайтов, что оказывает небольшое влияние на скорость загрузки страницы и ее производительность.

    Lazy Load for Videos решает эту проблему, загружая видеоизображение только при загрузке страницы. Он загружает код для встраивания только тогда, когда пользователь нажимает кнопку воспроизведения. Смотрите наш учебник о том, как добавить ленивую загрузку для видео в WordPress.

    Мы надеемся, что эта статья помогла вам научиться легко вставлять видео в записи блога WordPress. Вы также можете увидеть наш список плагинов WordPress для всех веб-сайтов.

    Если вам понравилась эта статья, подпишитесь, пожалуйста, на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас на щебет и фейсбук.

    Пост «Как легко вставлять видео в посты блога WordPress» впервые появился на WPBeginner.

    Как вставить видео в блог

    Помимо картинок, иногда хочется вставлять видео в блог, не так ли? Хотя это желание может появится не только после того, как хорошие примеры появляются у френдов, но и после того, как «начинаешь уметь» вставлять видео в блог ЖЖ, или какой-нибудь другой.

    Хотя под фразочкой «вставить видео в блог» скрыт совсем другой смысл, чем можно было бы ожидать. Дело в том, что в блог вставляется код («ссылка» какбэ) на видеоролик (про фильмы же редко вспоминают), который размещается где-то, но никак не в ЖЖ. Сайтов, куда можно залить свой видео в сети много, и чаще всего на таких сайтах можно получить готовый код для того, чтобы разместить видео у себя в блоге (фактически — ссылку). Например, на волне протестов против введения в нашей Родине, ставшей проходным двором для сектантов, бандитов и прочих («окно»-то в Европу открыто, но через окно сами знаете «кто» пролазит), т.н. «ювенальной юстиции» Вы нашли ролик по следующему адресу:

    Т.к. сервис это продвинутый, то несложно найти кнопку «Опубликовать» и «Получить код». После вставки кода видео к себе в блог, появится, собственно, первый кадр видео. Всё. Достаточно нажать на кнопку «проиграть», «начать» или как её там будут звать:

    Вообще-то, процесс получения кода называется чаще всего embed. Самый простой вариант — заливать на нормальные сайты видео и получать готовый код для того, чтобы вставить видео в жж. Второй вариант того, как вставить видео в свой блог — это воспользоваться программками для постинга в ЖЖ, например, semagic, но я, чесслово, не нашел заветной кнопочки, которая бы embed’ила видео. Имеющаяся кнопочка по вставке видео в блог чем-то другим занимается.. Третий вариант по вставке видео в жж — это.. все делать ручками, взять готовый код и начать его править. Четвертый вариант как добавить видео в жж — залить видео/флеш к себе на сайт (а это — отдельная тема). В общем, так выглядят пути по размещению видео в блоге.

    Может так случиться, что придется делать «это» вручную (код редактировать), т.к. другими средствами вставка не сработает (сайт, где найдено видео не дает готовый код, Вы нашли странный флеш и т.п.). Например, для релаксации можно захотеть вставить вот такую флешку к себе в блог или на сайт:

    После небольших манипуляций прямая ссылка на флеш — http://www.protiv.tv/chpok.swf — обрастет кодом:

    В общем, вставляем видео в жж, радуемся сами, и радуем других 🙂

    P.S. Кстати, недавно админы ЖЖ нагло сперли мою идею по серии постов «Фишки ЖЖ» и бессовестно постят на главной странице. И управы на них нет(

    [Добавление 1] Как вставить флеш в жж? Или как вставить файл swf в блог, что тоже самое? Найти нормальный бесплатный хостинг для флеш — проблемно. После нудных поисков нашел таки сайт, где нормально можно публиковать флеш-ролики для жж. Если у кого-то есть другие хостинги на примете — напишет в комментах 🙂

    Предыдущие заметки в серии «Фишки ЖЖ»:

    Если заметка вам помогла, можете оставить комментарий 🙂 А ещё — можете разместить этот урок для своих френдов, нажав на кнопку перепоста.

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