Вставить видео с YouTube в WordPress
От автора
Статья устарела, но все короткие коды продолжат работать. В версиях WordPress от 4+, вставка iframe кода видео с YouTube не требуется. Достаточно вставить в визуальном редакторе URL адрес видео из пункта «Поделись» на YouTube.
Из статьи вы узнаете, не только как вставить видео с YouTube в WordPress, но и как самостоятельно менять его размер, как менять время начала и окончание просмотра видео и отключать похожие видео из ролика. Некоторые из предложенных вариантов вставки видео, применимы для всех видео хостингов интернет (vimeo и т. д.)
Вставить видео с YouTube через код Html iframe
Код [Html iframe] это отдельная интернет-страница, которую можно встроить в другую страницу при помощи тегов iframe. Код iframe имеет атрибуты и значения, которые позволяют сделать рамку для этой страницы, задать ее размер и цвет, включить или выключить прокрутку, изменить размер страницы.
Синтаксис тега <iframe>...</iframe>.
Чтобы вставить видео с YouTube в WordPress, достаточно скопировать Html код в тегах iframe на странице нужного видео и вставить его в текстовом редакторе («Текст») в любое место статьи. Количество кодов [Html iframe] на одной странице неограниченно.
Размер видео окна можно поменять непосредственно по месту, в текстовом редакторе WordPress, изменив нужные значения в коде.
height=»высота»;width=»ширина»;scrolling=»прокрутка yes/no”;border-рамка.
Приведу пример кода [Html iframe] со всеми атрибутами, которые возможны.
<iframe src="http://youtu.be/M50TQRjGjks" name="myiFrame" scrolling="yes" frameborder="1" marginheight="4px" marginwidth="5px"
height="400px"></iframe>Как составить код Html iframe для любого видео по его URL
В принципе, по URL видео, размещенного на любом видео хостинге, вы самостоятельно можете составить код [Html iframe], хотя бы по шаблону примера выше. Или воспользоваться любым on-line генератором IFRAME, который легко найти в поисковике.
Особенности вставки видео с YouTube через код Html iframe
При вставке видео в статью при помощи тегов <iframе> нельзя переключать режим редактора WordPress. Код iframe вставляется только в текстовом редакторе.
Вставить видео с YouTube в WordPress по URL
Чтобы вставить видео с Youtube в WordPress, способами отличными от перечисленных выше, нужен уникальный URL адрес видео на видео хостинге. Посмотреть URL видео на YouTube можно, открыв видео и кликнув на вкладку «Поделиться». Адрес видео нужно скопировать.
Вставить видео с YouTube в WordPress
Самая простое решение для вставки видео YouTube в статьи сайта WordPress это в визуальном редакторе WP, в отдельной строке и без пробелов с обеих сторон, вставить полный URL адрес видео в статью. При этом нужно снять с URL видео ссылку.
Как вставить видео с YouTube в WordPress с помощью шорткодов
В коде WordPress есть мощный инструмент, который позволяет вставлять в статьи сторонние документы, вставлять в тексты объекты, различные коды, галереи, видео, слайдеры не длинными кодами, а специальными короткими кодами,
Чтобы вставить видео с YouTube в WordPress есть специальный шорткод:
youtube= URL нужного видео с http(s) (всё в квадратных скобках)
Для вставки видео с других видео хостингов есть свои, отличительные шорткоды.
Возникает вопрос, а чем собственно шорткод лучше простой вставки URL видео в текст. Хотя бы тем, что при помощи шорткода видео можно вставить в текст статьи, не думая о переносе строк, пробелах сзади и спереди URL. Также в версиях WordPress ранее 3.5 ,чтобы вставлять URL видео в текст, нужно было включить чекбокс «Auto-embeds» в Панель -> Параметры-> Медиафайлы. Также в шорткодах можно изменять параметры видео.
Вставить видео с нужными размерами
Чтобы в шорткоде задать ширину и высоту в явном виде:
youtube = [URL нужного видео с http]&w=320&h=240 (всё в квадратных скобках […]
Чтобы указать только ширину:
youtube = [URL нужного видео с http]&w=320 (всё в квадратных скобках)
Изменить параметры вставленного видео
Скрыть похожие видео, которые появляются после просмотра видео
youtube = [URL нужного видео с http] &rel=0 (всё в квадратных скобках)
Изменить начало видео в определенный момент
youtube = [URL нужного видео с http]&start=80 (всё в квадратных скобках)
,где 80 это секунда с которой нужно начать видео.
Чтобы указать время начала и окончания видео
youtube = [URL нужного видео с http] &start=80&end=115 (всё в квадратных скобках)
, где начинается видео с 80-й секунды, а заканчивается на 115-ой секунде.
Примечание: URL нужного видео с http, это URL адрес видео ролика, который вы копируете на YouTube.
Еще один способ вставить видео с YouTube в WordPress короткий код embed
Код embed это очень простой и эффективный способ вставки видео в статьи. Синтаксис вставки простой: обернуть URL видео в теги embed……….. /embed .
embedURL видео/embed (оба тега в квадратных скобках []…[])
Примечание: Во всех шорткодах все пишется без пробелов, в латинском регистре.
На этом все, теперь вы знаете как, вставить видео с YouTube в WordPress.
©www.wordpress-abc.ru
Еще статьи
Похожие посты:
Похожее
Оптимизация вставки видео с Youtube на WordPress
Создание видео на YouTube — полдела. После неутомимого производственного процесса пришло время поделиться тем, что вы сделали, разместив его в таких местах, как Facebook, рассылки по электронной почте и, конечно же, на своем веб-сайте. Раньше для вставки видео на YouTube требовалось немного творчества или дополнительных плагинов для WordPress.
Однако это изменилось с момента выпуска WordPress 2.9. На самом деле, вы можете встроить YouTube в WordPress без гораздо большего, чем ссылка на YouTube. Тем не менее, вы можете захотеть стать более умными со своими интеграциями, создав галереи, вставив всю страницу YouTube или составив список видео от других авторов.
С этими уникальными опциями YouTube вы сможете выделиться среди обычных видео-вставок и предложить своим пользователям более уникальные возможности.
Самый простой способ встроить видео YouTube в WordPress
WordPress 2.9 добавил классную функцию, которую назвали встраиванием. Она позволяет копировать и вставлять видео YouTube прямо на сайт без каких-либо дополнительных плагинов или необходимых настроек. Вот как это сделать:
Шаг 1
Скопируйте URL из видео YouTube. Вы можете скопировать URL-адрес из адресной строки вашего браузера или с помощью ссылки на ссылку YouTube.
Совет: Вы можете автоматически запустить видео с определенного места (например, через 30 секунд), предварительно установив флажок «Начать с» и выбрав время. Затем скопируйте ссылку.
Шаг 2
Вставьте URL в редактор WordPress, и функция вставки автоматически превратит его во встроенное видео.
Интересные функции из встраиваемых плагинов YouTube
Несмотря на то, что описанный выше метод является быстрым и легким, плагины для встраивания YouTube могут добавить множество функций на ваш сайт. Вот лишь пара из множества различных функций, которые вы можете получить:
- Инструменты для улучшения конфиденциальности и вариантов согласия для видео, встроенные на ваш сайт.
- Варианты встраивания больших галерей и их проигрывания, когда посетитель попадает на вашу страницу.
- Возможность ленивой загрузки видео, чтобы медиа не замедляли работу всего сайта.
- Визуальные настройки управления для настройки таких элементов, как цвета, размеры и общий вид ваших видео.
- Варианты использования шорткодов для размещения видео в таких областях, как виджеты и публикации.
- Просмотр лайтбокса и других альтернативных видео дисплеев.
- Инструменты для создания эффектов наведения и анимации, когда пользователи прокручивают ваши видео.
- Варианты получения видео из разных источников, таких как аккаунты в социальных сетях и YouTube. Это отличный способ курировать канал видео на вашем собственном сайте.
- Кнопки социальных сетей, чтобы побудить людей делиться вашими видео.
- Плагины для создания и вставки полных плейлистов YouTube с дополнительными инструментами форматирования и дизайна.
- Миниатюры видео, слайдеры, изменения цвета и множество других опций, позволяющих сделать ваши видео YouTube выделенными.
Лучшие способы интеграции и встраивания YouTube в WordPress
Мы просмотрели все лучшие плагины WordPress, которые можно использовать для встраивания видео YouTube в WordPress.
1. YouTube от EmbedPlus
Плагин YouTube от EmbedPlus предлагает несколько способов настройки видео на сайте WordPress. Плагин имеет возможности галереи для перетаскивания ваших списков воспроизведения или списков каналов на ваш сайт. Галереи отзывчивы и готовы к вашим настройкам. Затем ваши пользователи смогут просматривать и искать определенные видео в зависимости от своих потребностей.
Этот плагин является бесплатным для большинства основных функций. Например, вы можете включить некоторые бренды, чтобы избавиться от некоторых цветов и логотипов YouTube, а также включить прямую трансляцию YouTube на своем веб-сайте. Премиум версии начинается с $ 19,99 и обеспечивает пожизненный доступ к плагину YouTube.
Для некоторых планов предоставляется поддержка, и вы получаете некоторые интересные дополнения, такие как автоматическая разметка видео SEO и более быстрая загрузка страниц. Мне особенно нравится расширенная настройка галереи и проверка совместимости мобильных устройств, чтобы увидеть, как люди просматривают видео на своих небольших устройствах.
Особенности
- Плагин является бесплатным для основных функций, и я думаю, что большинству людей не нужно обновляться после этого.
- Даже премиум-версии доступны по цене, и вы получаете их единовременно (если вам не нужна постоянная поддержка клиентов).
- В бесплатной версии есть инструменты для создания плейлистов и галерей. Вы также можете включить прямые трансляции YouTube, чтобы они воспроизводились прямо на вашем сайте.
- Плагин YouTube имеет красивый дизайн интерфейса с большой коллекцией настроек, позволяющих настраивать такие цвета, как цвета и размеры.
- Вы также можете начать воспроизведение видео в определенное время и настроить громкость для своих клиентов. Например, некоторые веб-мастера могут захотеть начать свои видео прямо тогда, когда клиенты заходят на их сайты.
2. WP YouTube Lyte
WP YouTube Lyte имеет одну основную функцию — отложенная загрузка встроенного видео YouTube, чтобы сайт работал настолько быстро, насколько это возможно. Ленивая загрузка обычно может быть сделана с изображениями, но этот плагин выводит ее на новый уровень, сосредотачиваясь главным образом на видео YouTube. Lazy Load загружает только те элементы, которые в данный момент видны пользователю.
В результате веб-сайт загружается быстрее, и вы должны увидеть улучшение производительности по всему сайту.
Плагин WP YouTube Lyte полностью бесплатен.
Плагин не загружает видео с задержкой, как это делают большинство ленивых загрузчиков изображений. Плагин работает, встраивая небольшую версию видео (по сути, просто изображение миниатюры видео). Только когда пользователь нажимает на миниатюру, где он призывает к «более тяжелой» версии, которую предлагает YouTube. Это особенно важно, если вы планируете иметь большие галереи или несколько видео на одной странице. Ваши посетители не заметят никакой разницы между обычными вставками YouTube, поэтому видео по-прежнему загружаются так быстро, как вы ожидаете.
Особенности
- Плагин WP YouTube Lyte обеспечивает легкую вставку видео YouTube, пока посетитель не решит, что хочет его просмотреть. После щелчка воспроизводится полная версия видео YouTube.
- Это улучшает общую производительность вашего сайта, особенно когда у вас есть большая коллекция видео на одной странице.
- Поскольку плагин не требует никаких запросов к серверам YouTube, это фактически приводит к улучшению соответствия GDPR.
- Шорткоды доступны для быстрого размещения оптимизированных видео YouTube по всему сайту.
- Плагин был протестирован на всех мобильных устройствах, чтобы гарантировать, что ленивая загрузка не повлияет на производительность мобильных устройств, которая идет с YouTube.
Тест скорости без WP YouTube Lyte
Хотите знать, насколько быстрее он может сделать ваш сайт? Мы провели пять тестов скорости с обычным встроенным видео YouTube и взяли среднее значение.
Тест скорости с WP YouTube Lyte
Затем мы запустили пять тестов с включенным плагином WP YouTube Lyte, а также с его опцией кэширования. Этот маленький бесплатный плагин уменьшил общее время загрузки на 40,43%! Не говоря уже о том, что он также уменьшил размер страницы и все дополнительные внешние запросы, которые идут с проигрывателем YouTube для встраивания по умолчанию.
3. Video Gallery — Галерея YouTube
Инструмент «Видеогалерея» предназначен для тех, кто хотел бы создать красивую галерею своих видео на YouTube, не обладая передовыми навыками дизайна. Что интересно в этом плагине, так это то, что он также поддерживает видео из таких мест, как Vimeo и Wistia, и вы также можете создавать неограниченное количество галерей с комбинациями из всех этих сервисов. Кроме того, все видео, которые вы размещаете в своих галереях, позволяют просматривать их на мобильных устройствах.
Инструменты поиска также впечатляют галереями, предлагая пользователям искать и просматривать определенные видео и предлагая им четкую навигацию для поиска видео. Базовый плагин бесплатный, но у вас есть возможность перейти на премиум-версию. На момент написания этой статьи платная версия стоила 45 долларов, но разработчики иногда проводят разные акции.
Если вам нужно перейти на премиум-версию, большинство функций включают настройку внешнего вида галереи. Например, вы можете настроить цвета значка, границы или стили шрифта. Все эти настройки доступны в премиальном плагине.
Особенности
- Это очень удобный плагин для галереи с опциями для создания ваших галерей с темами и макетами галерей.
- В бесплатной версии доступно несколько инструментов для настройки. Например, вы можете добавить эффекты лайтбокса или какой-либо эффект при наведении, чтобы заинтересовать пользователей кликать по вашим видео.
- Все галереи, которые вы вставляете на свой сайт, адаптированы для мобильных устройств.
- Существует неограниченный генератор шорткодов, если вы предпочитаете размещать свои видео на YouTube онлайн.
- Плагин поддерживает несколько типов видео, включая видео с YouTube, Vimeo, Wistia и MP4.
- Вы можете иметь неограниченное количество видео в ваших галереях.
- Премиум-версия не так уж дорога, если вы хотите полностью настроить и маркировать свои галереи.
4. Feed Them Social
Feed Them Social использует совершенно иной подход к вставке YouTube. После установки плагина вы можете выбрать понравившиеся вам социальные видео-каналы и отображать их на постах, страницах или в любом месте на своем веб-сайте. Это отличное решение для компании, которая хотела бы выделить определенные страницы знаменитостей или конкретные учебные пособия, связанные с блогом или продуктом.
Бесплатный плагин имеет функции для просмотра и отображения каналов со страницы Facebook, а также обложек альбомов и фотографий. Вы можете включить столько фидов, сколько хотите, но если вы хотите ограничить количество элементов, поступающих из каждого фида, вам придется перейти на премиум-версию.
Плагин сосредоточен в основном на видео и медиа-каналах Facebook, но также поддерживает YouTube, Twitter, Instagram и Pinterest. Технически вы можете использовать его для показа своего собственного канала YouTube на сайте или объединения коллекции YouTube в одну галерею.
Особенности
- Плагин позволяет найти ваши любимые видео в социальных сетях и добавить их на сайт.
- Добавить столько каналов, сколько вы хотите, и настроить их в одну красивую галерею.
- Эти каналы все отзывчивы и готовы к настройке цвета.
- Бесплатная версия также включает в себя инструменты, чтобы поделиться своими видео в Facebook и Instagram.
- При просмотре видео на вашем сайте источники контента включают Pinterest, Facebook, Twitter и YouTube.
5. YotuWP
Если вы ищете простой и в то же время изящный способ получить видео с YouTube на сайте WordPress, плагин YotuWP поможет вам . Он легкий, простой в использовании и достаточно мощный, чтобы поддерживать галереи, плейлисты, каналы и видео от определенных имен пользователей. У вас даже есть возможность добавить одно видео из одного источника. YouTube, Vimeo и Wistia доступны в виде интеграций, а макеты включают сетку, список и смешанные галереи.
Большинство функций, которые вам понадобятся, находятся в бесплатной версии, но это действительно больше для упрощенных устройств для встраивания видео, которые хотят без лишних изысков вывести эти видео на YouTube онлайн без каких-либо грязных настроек.
Если вы решили использовать премиум-версию, она начинается с 14 долларов в год и включает в себя несколько функций, таких как макеты карусели, 12 значков наведения, замены для таких вещей, как заголовки и описания, и пользовательский текст для кнопок. Короче говоря, премиум-версия почти полностью лишает видео YouTube своего брендинга, делая видео более подходящими для вашего собственного сайта.
Особенности
- YotuWP предлагает минималистский дизайн с красивой презентацией ваших видео.
- Вы можете отображать видео в нескольких форматах галереи, таких как смешанная галерея или список.
- Плагин имеет опции для вставки видео из нескольких типов источников. Например, вы можете извлечь все видео из одного плейлиста. Или вы можете предпочесть видео от имени пользователя или канала.
- Большие видео и маленькие видео доступны. Все настройки размера выполняются в плагине, предоставляя вам интерфейс, который не займет много времени, чтобы получить видео онлайн.
- Вы даже получаете некоторые уникальные параметры отображения, такие как модальные окна, всплывающие окна и лайтбоксы.
6. Videozoom
Videozoom не имеет бесплатной версии, но его определенно стоит посмотреть. Причина в том, что Videozoom на самом деле является полной темой WordPress, а не плагином. Следовательно, имеет смысл установить тему с таким типом поддержки, а не с плагином. Тема помогает с демонстрацией коллекции видео со всего интернета. Например, если вы хотите запустить собственный канал YouTube и разместить все эти видео на своем сайте, это может быть хорошим выбором.
Тема имеет гибкий слайдер для демонстрации ваших самых важных или последних видео. Вы также можете мгновенно вставлять видео с YouTube или размещать видео самостоятельно.
Это не бесплатная тема, но цена $69 неплоха для всех функций, которые вы получаете. Вы также можете рассмотреть возможность оплаты членского взноса в размере 99 долларов за все темы WPZoom.
В целом, Videozoom обеспечивает мгновенное решение для отображения ваших видео и обеспечения того, чтобы они были готовы для просмотра на мобильных устройствах и обнаружения поисковыми системами. Вы также обнаружите, что тема предоставляет готовые к переводу инструменты, регулярные обновления темы и импорт демо-контента в один клик, так что вам не нужно начинать с нуля.
Особенности
- Это полноценная тема WordPress.
- Он предлагает две темы, темную и светлую. Таким образом, вы сможете немного продвигать свой сайт и думать о том, как ваши посетители хотели бы просматривать видео.
- Если вы разработчик, у вас есть возможность получить более 40 тем WordPress с членством в WPZoom.
- Встраивание с YouTube легко, и вы также можете загружать свои локальные видео на свой сервер.
- После загрузки видео или ссылки с YouTube создается миниатюра видео.
- Все интерфейсы довольно красивые, с мобильным дизайном, благодаря которому ваши видео воспроизводятся мгновенно и отображаются так же, как на YouTube.
7. ARVE Advanced Responsive Video Embedder
ARVE Advanced Responsive Video Embedder имеет отличную репутацию для представления видео на сайте без каких — либо проблем.
Этот плагин выполняет свою работу, одновременно поддерживая широкий спектр других видео-сайтов, кроме YouTube. Например, вы можете получить видео с TED или Twitch или Comedy Central. В таких ситуациях вы не всегда можете найти одно и то же видео на YouTube. Поэтому вам нужно вместо этого получить ссылку с фактического исходного сайта. Это плагин, который поддерживает десятки других веб-сайтов и в то же время обеспечивает адаптивный просмотр видео, к которому мы привыкли.
Бесплатная версия отображает ваши видео в разумных пределах, а также предоставляет редактор WYSIWYG, чтобы вам не приходилось связываться с шорткодами. После этого видео показывают заголовки, описания и другую информацию о загрузке, чтобы поисковые системы могли индексировать ее, и люди знали, что такое видео.
Одна из основных функций премиум-версии позволяет отключать ссылки на ваши видео. Это означает, что пользователи не могут щелкнуть ссылку на Youtube и уйти с вашего сайта. Также есть функция отложенной загрузки, лайтбокс, стилизация при наведении и различные значки воспроизведения. В целом, Pro версия не так уж дорога, поэтому, если вам абсолютно необходима одна из этих функций, это неплохой выбор.
Особенности
- ARVE Advanced Responsive Video Embedder поддерживает практически все видео, которые вы найдете в Интернете. Пока веб-сайт, который вы используете, использует встроенные коды iframe, все будет в порядке. Вы также можете мгновенно вставлять видео с YouTube без проблем.
- Поддержка WYSIWYG означает, что шорткоды не требуются. Поэтому вы можете настроить отображение видео и размещать видео на постах и страницах.
- Это SEO-дружественный плагин, который предоставляет информацию о видео на вашем сайте. Например, вы можете показать названия и описания для ваших пользователей, чтобы увидеть.
- Если вы предпочитаете шорткоды, плагин предоставляет их в качестве опции.
- Видео может начаться автоматически, когда пользователь попадает на ваш сайт.
- Хотя это может быть необязательно для всех, платная версия имеет некоторую ленивую загрузку и возможность отключить ссылки на YouTube, которые обеспечивают больший контроль и оптимизацию.
8. WpDevArt YouTube Embed, Playlist and Popup
WpDevArt YouTube Embed, Playlist and Popup обеспечивает простую установку и плавный процесс погружения для начинающих. Весь смысл этого плагина в том, чтобы предложить быстрый метод для встраивания без знания какого-либо кода. В WordPress знание кодирования не требуется для встраивания видео, но этот плагин добавляет некоторые интересные функции для размещения видео в виджетах, настройки размера видео и изменения цветов. Хотя плагин бесплатный, версия Pro имеет самые впечатляющие функции.
В версии Pro вы найдете инструменты для создания плейлистов YouTube, показа ваших видео во всплывающих окнах и варианты коротких кодов кнопок в сообщениях или страницах. Вы также можете установить индивидуальные параметры для каждого видео, открывая всевозможные возможности для видео. Также отображаются похожие видео и миниатюры разных размеров. Персональная версия плагина начинается с 12 долларов, и это также дает вам первоклассную поддержку клиентов, что может быть полезно. Если вы планируете разместить плагин на нескольких сайтах, вам понадобится лицензия для бизнеса или разработчика, начиная с 24 долларов.
Особенности
- Плагин WpDevArt YouTube Embed предоставляет простой способ встраивания видео YouTube без слишком большого количества функций, которые могут показаться запутанными. Его легко установить, и все ваши видео будут хорошо отображаться на мобильных устройствах.
- Плагин позволяет вставлять видео YouTube в посты, страницы и виджеты.
- Хотя плагин легкий, на самом деле он имеет множество функций настройки для настройки таких параметров, как размер видео, функции автозапуска и циклы.
- Цвет индикатора выполнения можно изменить, и вы сможете начать воспроизведение видео, когда кто-то заходит на ваш сайт.
- Pro версия доступна по цене и дает вам несколько возможностей, которые стоит рассмотреть.
9. YourChannel
С точки зрения функциональности и уникальности набора функций плагин YourChannel может определенно находиться в верхней части этого списка. Основная причина, по которой вы могли бы рассмотреть плагин, заключается в том, что вы накопили много видео на своем собственном канале YouTube. После установки плагин позволяет вытащить весь ваш канал и разместить его на своем сайте. В отличие от некоторых других плагинов в этом списке, YourChannel имитирует то, что вы увидите при просмотре канала на YouTube. Он также имеет инструменты для показа отдельных видео и включения функции автозапуска.
Визуальный конструктор полезен для построения того, как вы хотели бы, чтобы отображался ваш канал YouTube . Есть также семь стилей миниатюр видео. Все это, включая инструменты перевода, предоставляется в бесплатной версии. Если вы хотите использовать Pro-версию , она стоит всего $ 15 за личную лицензию. Это включает в себя поддержку клиентов в течение года, а также большой набор функций, таких как возможность назначить количество видео для показа. Стоит взглянуть на список функций для версии Pro, поскольку их существует десятки, например функция поиска канала, отображение продолжительности видео и инструменты для изменения цвета.
Особенности
- Бесплатная версия позволяет отображать полный канал YouTube, подобно тому, как это показано на самом YouTube.
- Вы можете показывать такие элементы, как баннеры, плейлисты и отдельные видеоролики, и все это без необходимости связываться с кодированием или сложными инструментами для встраивания.
- Все видео адаптированы и организованы таким образом, что вы можете их отсортировать.
- Премиум-версия чрезвычайно мощная и доступная.
- Например, некоторые из более уникальных премиальных функций включают темы, видео комментарии , время запуска видео и навигацию плеера.
- Кэширование в бесплатной версии обязательно улучшит время загрузки страницы на вашем сайте.
- Бесплатная версия также имеет красивый лайтбокс, так что пользователи появляются в ваших видео.
10. YouTube Gallery
Плагин YouTube Gallery прекрасно справляется с объединением списка видео YouTube и отображением их в галерее или списке.
Что интересно, большинство функций предоставляется в бесплатной версии, и разработчик, кажется, не продвигает Pro версию так сильно. Тем не менее, профессиональная версия — отличный вариант, если вам нужны некоторые дополнения и полная поддержка клиентов. Поддержка клиентов, безусловно, является плюсом, но некоторые из других обновлений, которые вы получаете, включают в себя лучшие инструменты SEO, опции для массовой загрузки и конструктор шорткодов для лучшей вставки видео.
Если вы думаете только об одном или двух видео, этот плагин, вероятно, не для вас. Тем не менее, это важное решение для тех, кто пытается загрузить десятки видео на свой веб-сайт и предпочитает брать видео с YouTube. Или у вас есть возможность курировать свои видео из нескольких источников на YouTube. Одна из основных причин, по которой этот плагин работает так хорошо, заключается в том, что вы можете настраивать галереи без особой работы. Например, он предоставляет галереи и списки сетки, а также модификаторы размеров и создатели шорткодов.
Особенности
- Плагин отображает коллекцию ваших видео в элегантном стиле.
- Базовый плагин бесплатный, но вы можете обновить его, чтобы получить множество дополнительных функций за $ 99,99.
- В главной галерее ваши видео представлены в четырехколоночном адаптивном макете. Вам не нужно много редактировать.
- Видеоконтент отображается на странице видео для ваших пользователей, чтобы понять, о чем идет речь.
- Плагин поставляется с двумя виджетами боковой панели для демонстрации небольших видео на нескольких страницах. Эти виджеты предназначены для показа видео на YouTube и последних видео на YouTube.
Какой из этих плагинов является лучшим для YouTube в WordPress?
При попытке выяснить, как встроить YouTube в WordPress, становится ясно, что многие из этих плагинов очень похожи. Мы разбили каждый плагин по лучшим возможностям от каждого, но он все еще может показаться немного запутанным. Ниже приведены наши лучшие рекомендации, основанные на ваших конкретных ситуациях. Таким образом, вы можете выбрать два или три из них и протестировать их на своем веб-сайте. Также вы можете обнаружить, что один плагин плохо работает с вашей
YouTube — Справка
Чтобы вставить видеозапись YouTube, скопируйте ссылку из адресной строки браузера на странице видеозаписи…
… и вставьте её в редакторе записи/страницы:
Об остальном позаботимся мы!
Вставка видео посредством мини-кода
Для настройки параметров видео понадобится использовать мини-код. Скопируйте ссылку на видео:
Вставьте ссылку в редакторе записи/страницы. Затем преобразуйте её в мини-код, используя формат, приведённый ниже. Не забудьте заменить ссылку из примера ссылкой на своё видео.
[youtube=http://www.youtube.com/watch?v=myOLiSZhEAg]
↑ Содержание ↑
Настройки видео
- Задать ширину и высоту видео можно посредством атрибутов
&w=...или&w=...&h=... - Для скрытия похожих видеозаписей используйте выражение
&rel=0 - Для отображения поля поиска добавьте выражение
&showsearch=1
Например, такой мини-код
[youtube=http://www.youtube.com/watch?v=myOLiSZhEAg&w=320]
вставляет видео с меньшей, чем по умолчанию, шириной:
Дополнительные примеры:
↑ Содержание ↑
Вставка видео в комментарии
В комментарии к любому блогу WordPress.com можно вставлять видео с YouTube.
Для этого просто скопируйте ссылку на видео YouTube и вставьте в свой комментарий:
Вставленное видео можно будет смотреть после размещения/одобрения комментария.
↑ Содержание ↑
Устранение неисправностей
В случае использования первого способа (копирование и вставка ссылки), убедитесь в том, что адрес видео YouTube не является гиперссылкой. Если адрес отображается синим цветом, то это гиперссылка. Просто выделите адрес и нажмите кнопку “Убрать ссылку” на панели инструментов визуального редактора.
После удаления ссылки текст будет отображаться чёрным цветом, и видео YouTube можно будет просмотреть на странице или в записи.
10 плагинов для вставки видео на ваш сайт WordPress
Доброго времени суток, товарищи!
Сегодня мы поговорим о плагинах. А именно — плагины видеоплееров для WordPress.
Произошла такая ситуация: делаю сейчас сайт о всякой всячине и потребовался плагин для вставки и воспроизведения видео на сайте.
Полез искать в инете — долго выбирал, пробывал, экспериментировал. Но нашел! Остановился на этом плеере — FV WordPress Flowplayer (чуть ниже будет описание).
Ну, и решил, чтобы не пропадать добру — поделюсь с вами несколькими плагинами видеопроигрователей для WordPress. Может кому и пригодится. Итак — поехали!
В наши дни простой текстовой статьи уже может быть недостаточно, чтобы привлечь внимание читателя. В процессе создания контента для вашего сайта или блога вы можете столкнуться с необходимостью вставлять видео в свой пост, чтобы сделать его более интересным или просто поддержать идею. Если у вас есть YouTube, DailyMotion или Vimeo канал/плейлист и вы хотите интегрировать их в свой блог, тогда необходим инструмент для встраивания видео.
Если вы впервые узнаете о встраивании видео, вы можете обнаружить, что для WordPress есть десятки плагинов, и вы, вероятно, смутитесь, какие из них лучше всего работают.
Вот десять наиболее многофункциональных и универсальных плагинов для WordPress — видеоплейеров для показа видео на вашем сайте:
Лучшие видеоплееры для WordPress
Advanced Responsive Video Embedder
Advanced Responsive Video Embedder
Этот плагин видеоплеера WordPress является единственным плагином, необходимым для встраивания видео на ваш сайт. Его основная функция — отображать видео в гибком формате, чтобы он соответствовал любому размеру экрана. Чтобы вставить видео, нажмите кнопку «Embed Video» (Вставить видео) в верхней правой части текстового редактора WordPress.
Вставьте ссылку видео в текстовое поле во всплывающем окне. Вы также можете настроить несколько других параметров, таких как выравнивание, максимальная ширина, включение автовоспроизведения и многое другое. По завершении нажмите «Insert Shortcode» (Вставить короткий код).
Easy Video Player
Easy Video Player
Easy Video Player — это простой плагин для видео, который позволяет вставлять как самопроизвольные видео, так и видео из внешних источников, которые ссылаются непосредственно на видеофайл. Как таковой, он не может работать для потокового видео сайтов, таких как YouTube.
Для встраивания собственных видео, они должны быть в формате mp4. Он совместим с HTML5 и видео будет адаптивным. Вы также можете настроить воспроизведение видео в цикле. Все варианты встраивания выполняются с помощью шорткодов, которые перечислены на странице загрузки плагина.
YouTube Embed
YouTube Embed
Этот плагин видео позволяет не только вставлять видео по одиночке, но и весь список воспроизведения от любого пользователя YouTube или его канала сразу.
Нажав на кнопку «YouTube» в правом верхнем углу редактора блога, Вы получите всплывающее окно с несколькими вариантами. Чтобы вставить видео, выберите «поиск видео или канала для вставки». Здесь вы можете найти видео или вставить ссылку на видео или плейлист.
Затем плагин создает шорткод, который Вы можете вставить в свой блог. В приведенном выше примере видеопроигрыватель имеет вид слайдера видео в плейлисте.
WP Video Lightbox
WP Video Lightbox
Этот видео-плагин для WordPress выходит за рамки обычного отображения видео на сайте. Используя всплывающее окно lightbox overlay, вы можете вставлять видео с YouTube, Vimeo или flash и iFrame содержимое. Видео сначала представлено в виде ссылки в вашем посте, которая открывает всплывающее видео при нажатии на нее.
Вы можете настроить способ отображения видео, перейдя в «Settings — Video Lightbox — PrettyPhoto». Здесь вы можете изменить скорость анимации, включить автозапуск, настроить непрозрачность, показать/скрыть заголовок и многие другие параметры.
Инструкции по встраиванию видео Vimeo и YouTube выполняются с использованием различных шорткодов, которые обсуждаются на странице поддержки плагина.
FV WordPress Flowplayer
FV WordPress Flowplayer
Этот плагин загрузки видео является многофункциональным видеоплеером для файлов FLV и MP4. Это означает, что он может вставлять потоковое видео с YouTube или Vimeo, а также загруженные пользователем файлы в формате MP4.
Чтобы иметь возможность встраивать YouTube или другое потоковое видео, вам нужно сначала перейти на страницу настроек плагина и установить флажок для встраивания. Есть много других параметров, которые не включены по умолчанию, но большинство из них могут быть включены без обновления до версии Pro.
Значок вставки, как и всегда расположен в правом верхнем углу редактора записей блога. При нажатии появляется всплывающее окно и вы можете добавить видео файл или ссылки для встраивания. Обратите внимание, что вы можете добавлять несколько видео одновременно, даже в разных форматах. В качестве дополнительной функции, этот плагин позволяет настроить видеоплеер с вашим собственным логотипом и всплеск изображения, которое появляется в конце видео.
Audio And Video Player
Audio And Video Player
Audio And Video Player поддерживается всеми основными браузерами, такими как IE, Firefox, Opera, Safari, Chrome и мобильными устройствами: iPhone, iPad, Android.
Как это работает?
Скачать, нажав на кнопку выше, распаковать файл и загрузить его через ftp-клиент внутри вашего каталога блога /wp-content/plugins/, а затем активировать его из «Панель инструментов — Плагины». После того как вы активировали плагин нужно открыть вкладку «Settings — Audio and Video Player» и создать плеер. Когда он будет создан, нажмите синюю кнопку в редакторе записей и выберите один из ваших проигрывателей и добавьте его в свой блог.
Spider Video Player
Spider Video Player
Spider Video Player — это плагин WordPress для видео, который позволяет легко добавлять видео на ваш сайт. Он имеет возможность организовать видео в плейлисты и выбрать предпочтительный макет для плеера.
Этот плагин является одним из лучших видеоплееров WordPress, доступных в каталоге плагинов WordPress. Он обеспечивает удобный пользовательский интерфейс, включающий в себя все общие функции для видеоплееров, включая выбор качества видео, общий доступ, полный экран, перетасовку и многое другое.
Существует возможность редактировать темы для Spider Video Player, чтобы они стали более актуальными для дизайна вашего сайта и цветовой схемы. Плагин является оптимальным решением для вашего сайта WordPress, обеспечивая эффективную интеграцию и высокий уровень настройки.
Spider Video Player поставляется с функцией интеграции с социальными сетями. Плеер поддерживает HD-видео, что является важной особенностью для проигрователей высокого качества. Таким образом, пользователи, посещающие и просматривающие видео на вашем сайте, смогут делиться видео на большинстве популярных медиа-сайтах (Facebook, Google+ и Twitter).
Video Gallery and Player
Video Gallery and Player
Этот плагин добавляет отзывчивую галерею HTML5, YouTube, Vimeo на ваш веб-сайт WordPress. Отображает галерею видео в виде сетки (1,2,3,4) и т. д.
Вы также можете использовать идентификатор категории для создания нескольких галерей видео.
Плагин добавляет вкладку «Видео галерея» в меню администратора, что позволяет вам вводить элементы заголовка видео и само видео, как и обычные сообщения.
С помощью этой видеогалереи вы можете создавать галереи из своих видеороликов YouTube, Vimeo и HTML5. Процесс создания видеогалереи занимает всего несколько минут и созданная галерея может отображаться на любой странице или в сообщении с помощью шорткода WordPress.
ARVE Advanced Responsive Video Embedder
ARVE Advanced Responsive Video Embedder
Лучший плагин WordPress для видео? Поддерживает все, что вы можете себе представить, все еще сохраняя легкость и простоту.
Скорее всего, это единственный плагин, который вам когда-либо понадобится для обработки видеороликов на ваших сайтах WordPress. Он выходит далеко за рамки того, что делает ваши видео чувствительными!
Responsive Video Light
Responsive Video Light
Особенности Responsive Video Light:
- Возможность добавлять одно или несколько видео непосредственно к странице, сообщению или любым вашим собственным типам сообщений, используя URL-адрес видео (не код вставки) или идентификатор и шорткод. В настоящее время поддерживаются YouTube и Vimeo с использованием коротких кодов [responsive_youtube] и [responsive_vimeo], соответственно.
- Полностью отзывчив, поэтому окно просмотра видео будет заполнять ширину области и масштаб будет в зависимости от размера экрана. Не нужно устанавливать ширину и высоту, просто установите ширину блока div, в которой находится ваш контент.
- На видеороликах YouTube есть атрибут shortcode, который позволяет включать или отключать связанные видео. «Связанные видео» — это ссылки, которые чередуются в окне просмотра, когда видео завершило игру.
- Видеоролики YouTube также поддерживают светлые и темные темы, автовоспроизведение, показ информации и скромный брендинг (который удаляет большинство изображений бренда YouTube).
- В видеороликах Vimeo может быть отключен видеопортрет, заголовок и строка.
- Полный экран настроек, который объясняет все параметры и показывает синтаксис коротких кодов.
Вот такая получилась подборка плагинов видеопроигрователей!
Не забывайте подписываться на обновления блога!
На этом все — до скорых встреч!
Навигация по записям
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг — не стесняйтесь — пишите. Рад буду помочь!
Не забудьте подписаться на обновления:
Похожие записи
Оставить свой комментарий
Как вставить видео с youtube на сайт wordpress — разные фишки
В этой статье описаны некоторые фишки как вставить видео с youtube на сайт. Вроде бы вставить видео с youtube на сайт wordpress не так уж и сложно, однако есть различные варианты.
Варианты вставок видео YouTube вставлять являются отличным способом получить более профессиональный вид встроенных видео. Хитрость заключается в том, чтобы понять, какие коды использовать и как вставить их в код для вставки YouTube.
Кажется, что это не так просто. но на самом деле это не так.
Воспринимайте эту статью как краткое руководство.
Как вставить видео с youtube на сайт wordpress
Как найти основной код
Если у вас есть видео, размещенного на YouTube, которое вы хотите встроить на свой сайт, вы просто должны нажать “share” и “embed”, чтобы получить основной код (см стрелку на картинке).
Это пишут на многих сайтах. Лично я не нашла такую страницу.Зато нашла такую, находится под видео при просмотре в вашем аккаунте.Или просто использую этот код.
<iframe src="http://www.youtube.com/embed/pOgPeLjRWGs" frameborder="0" allowfullscreen></iframe>
Или самый простой вариант написать ссылку на видео и все.
https://youtu.be/pOgPeLjRWGs
Обратите внимание – размеры плеера разные.
Где взять адрес ссылки?
Я уже писала как создать свой канал, в менеджере видео в основной информации можно найти ссылку.
Как настроить встроенное видео
Ключом к настройке является ввод дополнительного кода.
YouTube дает нам всем краткое изложение всех вариантов на их сайте разработчика .
Я хочу обсудить несколько популярных из них.
Функция “autoplay” позволяет немедленно начать видео при загрузке страницы. (Значение “1” означает это). Чтобы вставить это в код, вы бы просто использовать символ “?”, А затем “autoplay = 1”
<iframe src="http://www.youtube.com/embed/pOgPeLjRWGs?autoplay=1" frameborder="0" allowfullscreen></iframe>
Поверьте, это работает исправно, сначала такой вариант здесь был, но меня саму же стало раздражать самопроизвольное включение.
Функция “controls” позволяет скрыть или показать элементы управления видео. Чтобы скрыть элементы управления, вставить символ “&”, а затем “controls = 0” сразу после кода.
<iframe src="http://www.youtube.com/embed/pOgPeLjRWGs?autoplay=0&controls=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
В “showinfo” код скрывает строку заголовка YouTube. Чтобы скрыть информационную панель, надо вставить символ “&” и “showinfo = 0”
<iframe src="http://www.youtube.com/embed/pOgPeLjRWGs?autoplay=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
Для того, чтобы удалить похожие видео в конце видео вставить “&”, то “rel=0″, вот так:
<iframe src="http://www.youtube.com/embed/pOgPeLjRWGs?autoplay=0&controls=0&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
Давайте попробуем каждый из вариантов внедрения видео с ютуба и наглядно посмотрим, что каждая добавка кода будет делать.
Для справки, вы можете найти окончательный список параметров, который можно использовать для встраиваемых YouTube видео: https://developers.google.com/youtube/player_parameters?csw=1.
Вот изначальный код видео с ютуба.
<iframe src="http://www.youtube.com/embed/lx1151ihFYM" frameborder="0" allowfullscreen></iframe>
Autohide
Это “автоматическое скрытие.” Автоскрытие имеет три значения, “2” – вначале находится картинка по умолчанию и видео исчезает в то время как пользователь управляет видимостью, “1” – скрывает индикатор и управление плеером через несколько секунд и “0” – контроль и пользователь виден всегда. Не совсем поняла кому это нужно, да и разницы особой не увидела, если поставить например значение 1. Но можете попробовать, вдруг все-таки есть какой то смысл.
<iframe src="http://www.youtube.com/embed/lx1151ihFYM?autohide=1" frameborder="0" allowfullscreen></iframe>
cc_load_policy
Это позволяет вывести титры, даже если у пользователя титры по умолчанию отключены. Значение “0” означает удаление подписи, а значение “1” выводит подписи.
<iframe src="http://www.youtube.com/embed/pOgPeLjRWGs?cc_load_policy = 1" frameborder="0" allowfullscreen></iframe>
color
Параметр color диктует цвет, индикатор показывает на видео. Есть два параметра, чтобы выбрать : “красный” и “белый”. Красный по умолчанию, вот пример параметра «белый»:
<iframe src="http://www.youtube.com/embed/lx1151ihFYM?color=white" frameborder="0" allowfullscreen></iframe>
disablekb
Параметр disablekb отключает управление видео от клавиатуры. Значение этого параметра равно “0” по умолчанию, но может быть изменено на “1”, чтобы отключить управление видео от клавиатуры.
<iframe src="http://www.youtube.com/embed/lx1151ihFYM?disablekb=1" frameborder="0" allowfullscreen></iframe>
Кстати, управлением клавиатуры YouTube являются:
Spacebar: воспроизведение / пауза
Arrow Left: перейти обратно на 10% в текущем видео
Arrow Right: перейти вперед на 10% в текущем видео
Arrow Up: подъем вверх
Arrow Down: вниз
Этим приемом пользуются для агрессивной рекламы, когда при открытии страницы включается видео и ничего невозможно сделать, пока не закончится просмотр. Ну, кроме закрытия страницы, конечно.
enablejsapi
Enablejsapi позволяет включить Javascript API для управления плеером YouTube. Если вам нужен этот параметр (который “1” для включения и “0” по умолчанию, кстати), то можно прямо сейчас прекратить чтение этого поста, но, наверное, не нужно это нам сейчас. Продолжим.
end
Параметр “end” позволяет определить продолжительность (в секундах), пока ваше видео будет играть, а затем остановится. Обратите внимание, что время от начала видео, а не от параметра “start”, что обсуждается в данный момент. И еще, YouTube говорит, что это не работает для HTML5.
<iframe src="http://www.youtube.com/embed/lx1151ihFYM?end=2" frameborder="0" allowfullscreen></iframe>
Продолжение можно будет прочитать в следующей статье.
Статьи по теме:
http://vkpluss.ru/youtube/kak-vstavit-video-s-youtube-na-sajt-wordpress.htmlНадеждаWordPressДля ютубютубВ этой статье описаны некоторые фишки как вставить видео с youtube на сайт. Вроде бы вставить видео с youtube на сайт wordpress не так уж и сложно, однако есть различные варианты. Варианты вставок видео YouTube вставлять являются отличным способом получить более профессиональный вид встроенных видео. Хитрость заключается в том, чтобы…
Надежда Трофимова[email protected]Блог vkpluss.ruКак вставить видео с Ютуба на сайт: html, вордпресс, код
Пользователи интернета все более требовательны к качеству контента и его оформлению. Статью на серьезном портале сложно представить без иллюстраций, инфографики и таблиц. Возрастает актуальность видео как дополнительного формата. Из этой инструкции вы узнаете простой способ как вставить видео с Ютуба на сайт.
Как добавить видео
Вы, конечно, не могли не заметить кнопки под заголовком ролика – «Поделиться», «HTML код» и «Электронная почта». Нас интересует средняя – с кодом.
Пользователь может скопировать код любого ролика, размещенного на хостинге. Вставить его можно уже где угодно, не используя дополнительные плагины – в новом сообщении или ответе на форуме, в посте блога, работающего на WordPress, или в разделе с описанием товара интернет-магазина, работающего на другом движке. Делается все это через браузер в панели управления ресурсом, не нужно пользоваться FTP менеджерами и прочим дополнительным софтом для загрузки файлов. Обратите внимание, что для постинга на страницу в любую социальную сеть достаточно скопировать адрес ссылки на видеоролик – в этом случае пользователю не придется работать с кодом.
Скопированная ссылка имеет такой вид:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/CC_6deE8J7g” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
Здесь width – ширина отображаемого окна, height – его высота, а src – прямая ссылка на ролик. Если предложенный по умолчанию вариант размера выводимого окна видео не устраивает, можно изменить атрибуты отображаемого на сайте объекта, нажав кнопку «Еще». Также здесь можно выбрать дополнительные параметры ролика в настройках.
Лучше всего такой метод действует «в связке»: когда у вас есть и собственный блог и видеоблог. Те посетители сайта, которые предпочитают информацию в текстовом формате, все равно даже из интереса посмотрят ролик, и возможно, подпишутся на ваш канал. Подписчики же канала могут перейти по ссылке на ваш сайт, если она указана в описании, тем самым увеличив его посещаемость.
Замечено, что новые видео, которые «дублируются» во многих социальных сетях и на нескольких сайтах, набирают больше просмотров в первые часы после публикации. Ссылка на видео с любого ресурса увеличивает его «вес» и помогает в продвижении на Ютуб, как и прочие элементы – правильно подобранные теги, ключевые слова в описании и прочие инструменты.
И последнее, о чем не следует забывать, публикуя ролики на сайте – то, что видео и прочие объекты могут съехать при миграции на другой движок и иногда даже в случае смены темы оформления: разные шаблоны могут указывать разные пути для содержимого. Если возникла такая необходимость, лучше лишний раз перестраховаться и сделать внеплановый бекап – иногда проще откатить сайт до первичного состояния, чем «ковыряться» в нескольких сотнях публикаций, заново настраивая отображение каждого видео.
Как встроить видео с YouTube в WordPress
Вы здесь, потому что хотите добавить видео YouTube на свой веб-сайт, размещенный на WordPress. Возможно, вы захотите встроить свои собственные видеоролики или, возможно, включить видеоролики, созданные другими людьми.
Совмещение мощи вашей системы управления контентом WordPress и YouTube — это просто умно. Встраивая видео в свой контент, вы не только улучшите взаимодействие пользователей с вашим контентом, но и сможете увеличить количество просмотров ваших видео — дополнительное преимущество, если вы пытаетесь расширить свой собственный канал YouTube.
Тем не менее, WordPress предлагает множество методов для выполнения этой задачи.
Ниже вы узнаете, почему добавление видео с YouTube на ваш сайт — это отличная идея, о различных способах встраивания видео и даже о нескольких темах, которые созданы для оптимизации YouTube прямо из коробки.
Зачем мне добавлять видео YouTube на свой сайт?
YouTube — вторая по величине поисковая система в мире. Создание собственного канала YouTube может стать отличным способом улучшить ваши существующие маркетинговые усилия в Интернете.Но вы также можете умножить свои усилия на YouTube, разместив свои видео на своем сайте.
Вместо того, чтобы запускать свой канал YouTube изолированно от существующего сайта, вы можете объединить их вместе и улучшить как свой сайт, так и канал одновременно.
Во-первых, посетители вашего сайта могут не знать о вашем канале YouTube. Добавив видео к своему контенту, вы привлечете больше людей, переходящих на ваш новый канал. По мере того, как вы увеличиваете количество просмотров и количество подписчиков, вы будете на пути к зарабатыванию денег на YouTube.
Во-вторых, добавление видео в ваш контент может значительно улучшить его качество. Просто убедитесь, что вы добавляете только те видео, которые повышают ценность вашего контента.
В-третьих, поскольку видео на YouTube обычно длится несколько минут, это также поможет улучшить ваши показатели на сайте, такие как время ожидания, что положительно повлияет на ваш рейтинг в поисковых системах.
Как видите, простая вставка видео YouTube на ваш веб-сайт WordPress может принести вам много преимуществ — и все это без особых дополнительных усилий.
Бес t WordPress темы для видео YouTube
Прежде чем мы перейдем к тому, как на самом деле встраивать видео YouTube в WordPress, мы рассмотрим несколько тем, которые помогут упростить этот процесс.
Зачем вам видео тема WordPress?
Если вы создаете сайт WordPress, на котором будет много видеоконтента, возможно, вам понадобится эта функция. Или, если вы ищете отличный способ продемонстрировать свою работу с видеосъемкой, то выбор темы для видео может быть предпочтительным путем.
Помните, что если у вас будет мультимедийный веб-сайт, вам нужно убедиться, что ваш текущий веб-хостинг для вашего сайта WordPress может поддерживать обычную потоковую передачу видео без отключения вашего сайта.
Вот несколько лучших видеотем WordPress, представленных в настоящее время на рынке:
1. VideoPro
VideoPro — отличная тема, которая может помочь вам создать крупный сайт для обмена видео, похожий на YouTube.Это очень гибкая тема, поэтому вы можете создать любой видеосайт, какой захотите.
Имеется интегрированная поддержка крупнейших видеосайтов и, конечно же, YouTube. Он также имеет много функций, похожих на YouTube. Например, пользователи могут создавать свои собственные видеоканалы, создавать списки воспроизведения и управлять ими и многое другое.
Кроме того, есть полезная функция членства, которая позволяет вам создать раздел сайта, где вы можете продавать премиум-контент.
2.VideoFly
VideoFly — это элегантная видеотема с большим количеством пробелов. Конечным результатом является видеосайт, который очень приятен для глаз и на котором приятно проводить время. Он очень интуитивно понятен и прост в использовании как при настройке, так и при отправке видео пользователям.
Вы можете встраивать, загружать или вставлять видео с этой темой или просто использовать встроенный импортер YouTube.
Плагин WordPress VideoFly предоставляет множество параметров настройки, которые помогут сделать ваш видеосайт уникальным.Кроме того, у вас есть несколько способов интегрировать рекламу на свой сайт.
3. Видеоблог
Vlog — тема, которая идеально подходит для видеоблогеров. Он очень элегантен и оснащен множеством макетов, поэтому вы можете отображать свои видео на своем сайте WordPress, как хотите.
Вы можете встроить видео в сообщения своего блога, в качестве избранного изображения или даже сгруппировать видео в плейлисты.
Кроме того, этот плагин для видео WordPress совместим с большинством крупнейших сайтов обмена видео, включая YouTube.
4. Soledad
Soledad — очень универсальная видеотема WordPress. Благодаря практически безграничным возможностям настройки макетов и отображения контента по-разному, вы действительно можете воплотить в жизнь свое творческое видение.
Существуют сотни включенных шаблонов, или вы можете создать свой собственный макет полностью с нуля с помощью прилагаемого Visual Composer.
Есть также встроенные инструменты для простого встраивания видеоконтента на ваш сайт WordPress.Например, вы можете использовать видео вместо стандартного избранного изображения.
6 различных способов встраивания видео с YouTube в WordPress
Как и большинство вещей в WordPress, существует несколько подходов к выполнению любой задачи. Вот несколько наиболее распространенных способов встраивания видео с YouTube в WordPress.
Как вы увидите ниже, существует несколько различных типов встраивания, в зависимости от того, какой видеоконтент вы хотите встроить, как вы хотите, чтобы он отображался или хотите ли вы встроить весь свой канал YouTube.
1. Подход простого добавления медиа
Первый способ также самый простой. При таком подходе вы будете использовать функцию Добавить медиа для встраивания видео на свой сайт.
Сначала перейдите к любому сообщению или странице на вашем сайте. В редакторе публикации или страницы нажмите Добавить медиа .
Затем выберите слева вариант с надписью Insert from URL , а затем введите URL-адрес вашего видео YouTube в WordPress.Нажмите Вставить на страницу , и видео будет автоматически вставлено на вашу страницу.
Обратите внимание, что это отличается от загрузки всего видео на ваш сайт. Вместо этого WordPress извлекает и вставляет видео из URL-адреса. Таким образом, ваш сайт не несет ответственности за размещение видео. С помощью этого метода вы можете ссылаться на любое видео на YouTube, и это даже не обязательно должно быть ваше собственное видео!
Этот метод полностью функциональный, и ваши зрители могут либо посмотреть видео на вашем сайте, либо щелкнуть по нему и посмотреть видео прямо на YouTube.
2. Встроить весь канал YouTube
Если у вас есть существующий канал YouTube, вы можете встроить весь канал в отдельную страницу на своем сайте WordPress. Это дает вам возможность продемонстрировать весь свой видеоконтент, а также побуждает посетителей проверять ваш канал на YouTube.
Вы можете легко сделать это с помощью плагина YourChannel.
Чтобы настроить этот плагин, перейдите к Plugins> Add New и найдите YourChannel , затем установите плагин, который выглядит как на изображении ниже:
После установки плагина вы можете настроить его, перейдя в настройки > YourChannel .
На этом экране вам нужно будет ввести свой YouTube API вместе с идентификатором канала или своим именем пользователя.
Другие параметры на этом экране позволят вам настроить параметры отображения для вашего канала. Как только они вам понравятся, вы можете скопировать и вставить шорткод WordPress и добавить его в любую часть вашего сайта, где вы хотите отображать свои видео.
3. Используйте виджет YouTube Video
Затем вы можете добавить видео на свой сайт, но вам нужно больше возможностей, чем простая вставка на первом шаге.
Если на вашем сайте несколько областей виджетов или, по крайней мере, боковая панель с виджетами, то вы можете использовать плагин под названием YouTube Widget Responsive.
Чтобы установить этот плагин, перейдите в Plugins> Add New и найдите YouTube Widget Responsive , затем установите плагин, который выглядит как показано ниже:
Теперь, когда подключаемый модуль установлен, перейдите к части виджетов вашего сайта в разделе Внешний вид> Виджеты .Теперь найдите виджет «Адаптивный виджет Youtube» и перетащите этот виджет в любой раздел своего сайта.
Теперь все, что вам нужно сделать, это ввести URL-адрес видео и нажать Сохранить . Тогда у вас будет несколько дополнительных параметров настройки, которые вы также можете изменить по своему вкусу.
4. Создайте видеогалерею YouTube
Если вы хотите встроить галерею видео, но не хотите встраивать весь канал YouTube, вам следует использовать плагин галереи.
Существует несколько различных плагинов для видеогалерей WordPress, таких как YouTube Gallery, YotuWP и Video Gallery — YouTube Gallery. Поскольку этот пост посвящен YouTube, мы будем использовать плагин Video Gallery — YouTube Gallery.
Чтобы установить этот плагин, перейдите в Plugins> Add New и найдите Video Gallery — YouTube Gallery и установите плагин, который выглядит как показано ниже:
Чтобы настроить этот плагин, найдите новую вкладку Gallery Video в левой части панели инструментов WordPress.
На этом экране выберите New Gallery Video , добавьте заголовок для своей галереи и выберите желаемый вид макета.
А теперь пора добавить несколько видео. Для этого нажмите кнопку Добавить видео , а затем введите URL-адрес видео. Нажмите Сохранить видео , и все готово.
Прелесть этого видеоплагина для WordPress в том, что вы можете добавить столько видео, сколько захотите. Когда вы закончите добавлять видео, нажмите Сохранить в верхней части страницы, и тогда у вас будет короткий код, который вы можете скопировать и вставить в любое место на вашем сайте.
5. Добавьте видео без брендинга YouTube
Может быть, вы хотите вставить видео на свой сайт, но не хотите, чтобы брендинг YouTube присутствовал. Это может помочь создать более целостный вид и хорошо работает, если видео является частью целевой страницы, на которой вы хотите, чтобы посетители оставались на странице (а не переходили на YouTube).
По сути, это позволяет вам использовать видео на вашем сайте под вашим собственным брендом, сохраняя при этом размещение видео на YouTube.
Для этого мы будем использовать плагин YouTube Embed Plus.
Чтобы установить этот плагин, перейдите в Plugins> Add New и найдите YouTube Embed Plus . Затем установите плагин, который выглядит как показано ниже:
Теперь вы увидите вкладку под названием YouTube Free в левой части страницы.
Здесь у вас будут всевозможные варианты, которые позволят вам встраивать и отключать определенные функции отображения видео.
6. Добавление всплывающего окна просмотра видео
Для последней вставки видео YouTube вы узнаете, как создать лайтбокс для видео. Они могут эффективно привлечь внимание зрителя к каждому видео и придать ему интересный эффект.
Для этого вам понадобится плагин WordPress под названием WP Video Lightbox.
Чтобы установить этот плагин, перейдите к Plugins> Add New и введите WP Video Lightbox в строке поиска.Затем установите плагин, который выглядит как показано ниже:
Теперь в левом столбце перейдите к Настройки> Видео-лайтбокс . Здесь вы сможете правильно настроить плагин по своему вкусу.
Если у вас возникли проблемы с настройкой плагина, имеется обширная документация, которая поможет вам разобраться с любыми возникающими проблемами.
Могу ли я просто загрузить видео прямо в WordPress?
Один из распространенных вопросов при добавлении видео в WordPress: почему я не могу просто добавить видео прямо в WordPress? Теперь это возможно.Просто загрузите свое видео прямо в медиатеку.
Но такой подход (вместо первой загрузки видео стороннему провайдеру) обычно значительно снижает общую производительность вашего сайта. Если ваш сайт получает большой трафик, он, вероятно, перейдет в автономный режим.
Если у вас есть какой-то управляемый хостинг, то ваш сайт, вероятно, будет в порядке. Но тогда вы упускаете весь этот дополнительный трафик YouTube, который, в свою очередь, может способствовать развитию вашего канала.
Кроме того, загружая прямо в WordPress, вы значительно усложняете публикацию своего видео, чтобы помочь ему охватить более широкую аудиторию. Ваше видео увидят только те, кто действительно посещает ваш сайт.
Сделайте себе одолжение и загрузите свои видео на YouTube или другого поддерживаемого поставщика видео, прежде чем размещать их на своем сайте WordPress. Вы получите лучшее из обоих миров.
При закрытии
Видео быстро становится одной из самых доминирующих форм контента в Интернете.
Если вы полагаетесь только на текст, чтобы донести свое сообщение, вы упускаете возможность по-новому привлечь посетителей.
Плюс, если у вас есть какой-либо существующий канал YouTube, то объединение вашего веб-сайта и вашего канала вместе — отличный способ продвинуть оба и представить свою работу новой аудитории.
Надеюсь, вы лучше понимаете несколько подходов, которые вы можете использовать для добавления видео YouTube в WordPress. Вам не обязательно использовать все выделенные выше видеоплагины WordPress, вместо этого используйте только те, которые имеют смысл в существующем контексте вашего сайта.
Связанные
Вставить видео с YouTube или другого сайта
В PowerPoint для Microsoft 365 или PowerPoint 2019 вы можете вставить онлайн-видео с YouTube или Vimeo на слайд.
В PowerPoint для Microsoft 365 версии 1907 или более поздней можно также вставить онлайн-видео из Microsoft Stream, видеосервиса для предприятий — люди в организации могут загружать, просматривать и обмениваться видео друг с другом.
Видео воспроизводится непосредственно с веб-сайта и имеет элементы управления сайтом для воспроизведения, паузы, громкости и т. Д. Функции воспроизведения PowerPoint (постепенное исчезновение, закладка, обрезка и т. Д.) Не применяются к онлайн-видео.
Поскольку видео хранится на веб-сайте, а не в вашей презентации, вы должны быть подключены к Интернету, чтобы видео могло успешно воспроизводиться.
Вставить веб-видео
В веб-браузере найдите нужное видео.
Скопируйте URL-адрес веб-страницы из строки Address вашего браузера.
Вернитесь в PowerPoint и выберите слайд, на котором вы хотите разместить видео.
На вкладке Insert ленты выберите Video > Online Video .
В диалоговом окне Online Video вставьте URL-адрес, скопированный на шаге 2.
Выберите Вставить .
Воспроизвести видео
Если видео вставлено успешно, вы можете воспроизвести его в обычном режиме или в режиме слайд-шоу.
Кнопка воспроизведения появляется на видео в обычном режиме просмотра.
В слайд-шоу вы можете работать с видео так же, как в веб-браузере.
По умолчанию видео с YouTube и Vimeo воспроизводятся в «последовательности щелчков». Вы можете воспроизводить видео, не нажимая кнопку Play . Просто коснитесь пробела, чтобы перейти к следующему шагу в последовательности щелчков.
Устранение неисправностей
Не все онлайн-видео с этих сайтов можно встраивать.Вы должны проверить на сайте видео, чтобы узнать, можно ли встроить определенное видео.
На вашем компьютере требуется Internet Explorer 11
Примечание. Приложения и службы Microsoft 365 не будут поддерживать Internet Explorer 11 с 17 августа 2021 г. Подробнее. Обратите внимание, что Internet Explorer 11 останется поддерживаемым браузером. Internet Explorer 11 является компонентом операционной системы Windows и следует политике жизненного цикла продукта, на котором он установлен.
Для воспроизведения видео в PowerPoint на вашем компьютере должен быть установлен Internet Explorer 11. Вам не обязательно использовать его для просмотра веб-страниц; вам просто нужно установить его, потому что, по сути, PowerPoint нужна его технология для воспроизведения видео в Windows.
Если ваша операционная система Windows 10, значит, у вас уже установлен Internet Explorer 11. Если у вас более старая версия Windows, вы можете перейти на эту страницу загрузок Internet Explorer для получения инструкций.
Хотите вместо этого вставить видео со своего компьютера?
Подробности см. В разделе «Вставка и воспроизведение видеофайла с компьютера».
Условия использования и политика конфиденциальности
Vimeo:
YouTube:
Microsoft Stream:
SlideShare.net:
В PowerPoint 2016 вы можете вставить онлайн-видео с кодом встраивания или искать видео по имени.Затем вы можете воспроизвести его во время презентации.
Видео воспроизводится непосредственно с веб-сайта и имеет элементы управления сайтом для воспроизведения, паузы, громкости и т. Д. Функции воспроизведения PowerPoint (постепенное исчезновение, закладка, обрезка и т. Д.) Не применяются к онлайн-видео.
Поскольку видео хранится на веб-сайте, а не в вашей презентации, вы должны быть подключены к Интернету, чтобы видео могло успешно воспроизводиться.
Вставьте онлайн-видео с кодом для вставки
На YouTube или Vimeo найдите видео, которое хотите вставить.
Под видеокадром щелкните Поделиться , а затем щелкните Встроить . (Если вы не нажмете Embed , вы в конечном итоге скопируете неправильный код.)
Щелкните правой кнопкой мыши код внедрения iFrame и выберите Копировать .
Если выделенный текст, который вы копируете, начинается с «http», СТОП.Это неправильный код для копирования. Вернитесь к шагу 2 и нажмите Встроить :
В PowerPoint щелкните слайд, к которому вы хотите добавить видео.
На вкладке Insert щелкните Video > Online Video .
В поле из кода внедрения видео вставьте код внедрения и нажмите стрелку.
На слайд помещается прямоугольник видео, который можно перемещать и изменять размер по своему усмотрению. Чтобы просмотреть видео на слайде, щелкните правой кнопкой мыши прямоугольник видео, выберите Preview , а затем нажмите кнопку воспроизведения на видео.
Найдите видео на YouTube по названию
Щелкните слайд, к которому вы хотите добавить видео.
На вкладке Insert щелкните Video > Online Video .
В поле Search YouTube введите имя видео, которое вы хотите вставить, и нажмите Enter.
Выберите видео из результатов поиска и нажмите Вставить .
На слайд помещается прямоугольник видео, который можно перемещать и изменять размер по своему усмотрению. Чтобы просмотреть видео на слайде, щелкните правой кнопкой мыши прямоугольник видео, выберите Preview , а затем нажмите кнопку воспроизведения на видео.
Предварительный просмотр видео
Когда прямоугольник видео окажется на слайде, выберите его, щелкните его правой кнопкой мыши и выберите Предварительный просмотр .
На видео появится кнопка воспроизведения.
Нажмите кнопку видео Воспроизвести .
Поскольку видео находится на веб-сайте, а не на самом деле в вашей презентации, вы должны быть подключены к Интернету, чтобы видео могло успешно воспроизводиться.
На вашем компьютере требуется Internet Explorer 11
Примечание. Приложения и службы Microsoft 365 не будут поддерживать Internet Explorer 11 с 17 августа 2021 г.Учить больше. Обратите внимание, что Internet Explorer 11 останется поддерживаемым браузером. Internet Explorer 11 является компонентом операционной системы Windows и следует политике жизненного цикла продукта, на котором он установлен.
Для воспроизведения видео в PowerPoint на вашем компьютере должен быть установлен Internet Explorer 11. Вам не обязательно использовать его для просмотра веб-страниц; вам просто нужно установить его, потому что, по сути, PowerPoint нужна его технология для воспроизведения видео в Windows.
Если ваша операционная система Windows 10, значит, у вас уже установлен Internet Explorer 11. Если у вас более старая версия Windows, вы можете перейти на эту страницу загрузок Internet Explorer для получения инструкций.
Хотите вместо этого вставить видео со своего компьютера?
Подробности см. В разделе «Вставка и воспроизведение видеофайла с компьютера».
На слайд в PowerPoint можно встроить содержимое из Slideshare.net, веб-сайт для обмена презентациями, инфографикой и документами.
На Slideshare.net любой контент, который можно встроить в другое место, имеет кнопку Поделиться . Эта кнопка открывает окно, в котором вы можете скопировать код для встраивания, например для видео.
Найдите на Slideshare.net контент, который хотите встроить.
Нажмите кнопку Поделиться под рамкой содержимого.
Коды совместного использования появятся в кадре видео.
Установите флажок с именем Встроить .
Когда вы это сделаете, весь текст в поле станет выделенным.
Щелкните выделенный текст правой кнопкой мыши и выберите Копировать .
Скопированный вами текст содержит больше информации, чем вам нужно, поэтому его необходимо обрезать и повторно скопировать.
Вставьте скопированный текст в текстовый редактор, например Word или Блокнот.
Выделите часть текста, которая начинается с . Скопируйте этот текст.
Это код для вставки содержимого в PowerPoint.
В PowerPoint перейдите к слайду, на который вы хотите вставить содержимое.
На ленте панели инструментов выберите вкладку Вставить , выберите Видео , а затем выберите Онлайн видео .
Откроется диалоговое окно Insert Video .
Вставьте код внедрения в поле с именем Из кода внедрения видео , а затем нажмите Enter.
PowerPoint требуется некоторое время, чтобы впитать содержимое.Когда это будет сделано, на вашем слайде появится черный прямоугольник.
Чтобы просмотреть содержимое, нажмите кнопку слайд-шоу в правом нижнем углу окна PowerPoint.
Требования
Использование вами онлайн-видео регулируется Условиями использования и Политикой конфиденциальности каждого провайдера.
SlideShare.нетто
Vimeo
YouTube
В PowerPoint 2013 вы можете вставить онлайн-видео, а затем воспроизвести его во время презентации.
Видео воспроизводится непосредственно с веб-сайта и имеет элементы управления сайтом для воспроизведения, паузы, громкости и т. Д.Функции воспроизведения PowerPoint (постепенное исчезновение, закладка, обрезка и т. Д.) Не применяются к онлайн-видео.
Поскольку видео хранится на веб-сайте, а не в вашей презентации, вы должны быть подключены к Интернету, чтобы видео могло успешно воспроизводиться.
Найдите видео на YouTube по названию
Щелкните слайд, к которому вы хотите добавить видео.
На вкладке Insert щелкните Video > Online Video .
В поле Search YouTube введите имя видео, которое вы хотите вставить, и нажмите Enter.
Выберите видео из результатов поиска и нажмите Вставить .
На слайд помещается прямоугольник видео, который можно перемещать и изменять размер по своему усмотрению.Чтобы просмотреть видео на слайде, щелкните правой кнопкой мыши прямоугольник видео, выберите Preview , а затем нажмите кнопку воспроизведения на видео.
Переключитесь на вкладку Playback ленты, чтобы выбрать, как и когда воспроизводить видео:
Предварительный просмотр видео
Когда прямоугольник видео окажется на слайде, выберите его, затем выберите вкладку Воспроизведение на ленте PowerPoint.
В левом конце вкладки Воспроизведение нажмите кнопку Предварительный просмотр .
На вашем компьютере требуется Internet Explorer 11
Примечание. Приложения и службы Microsoft 365 не будут поддерживать Internet Explorer 11 с 17 августа 2021 г. Подробнее. Обратите внимание, что Internet Explorer 11 останется поддерживаемым браузером.Internet Explorer 11 является компонентом операционной системы Windows и следует политике жизненного цикла продукта, на котором он установлен.
Для воспроизведения видео в PowerPoint на вашем компьютере должен быть установлен Internet Explorer 11. Вам не обязательно использовать его для просмотра веб-страниц; вам просто нужно установить его, потому что, по сути, PowerPoint нужна его технология для воспроизведения видео в Windows.
Если ваша операционная система Windows 10, значит, у вас уже установлен Internet Explorer 11.Если у вас более старая версия Windows, вы можете перейти на эту страницу загрузок Internet Explorer для получения инструкций.
Хотите вместо этого вставить видео со своего компьютера?
Подробности см. В разделе «Вставка и воспроизведение видеофайла с компьютера».
Требования
Использование вами онлайн-видео регулируется Условиями использования и Политикой конфиденциальности каждого провайдера.
Как вставлять видео не из YouTube в Google Slides
Если вы работаете в ИТ, узнайте, как платформа Unified SaaS Management от BetterCloud может помочь вам в управлении G Suite и другими приложениями.Также узнайте, как повысить продуктивность G Suite в 10 раз.
Включение видео в презентацию Google Slides может повысить внимание и интерес вашей аудитории, особенно когда это дает комедийное облегчение после нескольких серьезных слайдов. Как вы увидите на видео выше, совсем несложно включить в слайд видео YouTube.
Однако, если вы работаете в организации, где YouTube заблокирован, как это наблюдается в некоторых образовательных и государственных организациях, добавить видео не так просто.Вот краткий обходной путь, который покажет вам, как включить любой файл mp4 в вашу презентацию Google Slides.
Чтобы вставить видео не из YouTube:
- Найдите файл mp4, который вы хотите включить в свой слайд, на Google Диске.
- Сделайте снимок экрана видео, который будет замещать гиперссылку на ваш файл mp4.
- Вернитесь в Google Slides и найдите слайд, на который хотите добавить ссылку на видео.
- Вставьте только что сделанный снимок экрана.
- Уменьшите размер снимка экрана до нужного размера для слайда.
- Выберите снимок экрана и вставьте гиперссылку.
- Вы можете сделать это с помощью CTRL + K (на ПК) или Command + K (на Mac).
- Вставьте общую ссылку на файл mp4 на Google Диск.
- Нажмите Применить после того, как вставите ссылку.
- Теперь на ваше изображение добавлена гиперссылка, чтобы пользователь мог перейти к видео, находящемуся на Диске.
Обновление от 8.02.17: обходных путей больше не требуется! Благодаря обновлению от Google теперь вы можете напрямую вставлять и воспроизводить видео с Диска в слайдах.Для получения дополнительной информации нажмите здесь.
Чтобы встроить видео YouTube:
- Щелкните Вставить в строке меню.
- Выберите видео.
- Появится окно, в котором вы можете выполнить поиск видео YouTube, или вы можете выбрать URL-адрес вверху окна и вставить URL-адрес для определенного видео YouTube.
- Щелкните Выбрать.
- Ваше видео теперь встроено в слайд.
Нажмите здесь, чтобы посмотреть это видео на YouTube.
.