Добавляем YouTube видео на сайт — как вставить видео с ютуба
Вы решили добавить видео с YouTube на свой сайт? Это хорошая идея, ведь оно поможет обогатить ваш контент и даст посетителям больше информации. Добавление YouTube видео в разделы сайта «О нас» и «О продукте» значительно облегчает изучение информации о вашей компании и деятельности. Давайте разберем как это правильно сделать.
Почему не HTML тег video?
Стандарт HTML 5 имеет встроенный тег video, который позволяет вам добавлять видео на веб-страницу, указав его расположение в теге source. Однако есть риск, что браузер пользователя не будет поддерживать формат вашего видео, да и добавление нескольких источников довольно хлопотно.
Знание того, как встроить видео YouTube в HTML страницу, избавит вас от многих проблем. Мы будем использовать iframe вместо тега video:
IFrame означает встроенную рамку и позволяет вставлять одну страницу в другую — в этом случае, страницу YouTube.Таким образом, вам не нужно беспокоиться о поддержке формата вашего видео файла.
Как вставить видео YouTube на сайт
Для того, чтобы добавить видео с YouTube на сайт, откройте страницу и найдите кнопку Поделиться под видеоплеером:
Когда вы нажмете на нее, вы увидите несколько вариантов как поделиться видео, в том числе через различные платформы социальных сетей. Самой первой кнопкой в списке будет Встроить. Нажмите на ее, чтобы вставить видео с Youtube на сайт.
YouTube сгенерирует код для вставки автоматически. Тег iframe будет иметь URL исходного видео, высоту и ширину плеера и еще несколько атрибутов:
В нашем случае код будет выглядеть следующим образом:
HTML
<iframe
src="https://www.youtube.com/embed/li_9PBrcOcQ"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
Все, что вам нужно сделать — это нажать Копировать и вставить этот код в HTML вашей страницы.
Настройка YouTube видео в HTML5
Теперь, когда вы знаете, как вставлять видео YouTube в формате HTML, вы должны также понять , как модифицировать его под ваши цели. Добавляя некоторые параметры в конце URL адреса видео, вы можете влиять на поведение плеера. Для этого добавьте знак вопроса ? в конце URL, а затем добавить один или несколько параметров и их значения.
Параметр autoplay позволяет начать автоматическое воспроизведение YouTube видео при загрузке страницы. Добавьте autoplay=1 в конец URL чтобы включить автовоспроизведение или autoplay=0 чтобы выключить.
HTML
<iframe
src="https://www.youtube.com/embed/li_9PBrcOcQ?autoplay=1">
</iframe>
Параметр loop позволяет зациклить видео, цикл будет длиться, пока пользователь останавливает его вручную. Использование loop=1 запустит видео снова после того, как она закончится, а loop=0 остановит видео после первого воспроизведения.
Параметр playlist установит плейлист на вашем сайте, несколько YouTube видео будут воспроизведены один за другим в последовательном порядке. Это позволит создать личный список воспроизведения на вашем сайте.
Посмотрите еще несколько параметров, которые вы можете использовать в таблице ниже:
Параметр
Значение
color
При установке значения white, уже просмотренная часть видео будет выделена белым в прогрес баре.
disablekb
При установке значения 1, видеопроигрыватель не будет реагировать на управление с клавиатуры
Если установлено значение 0 , кнопка полноэкранного режима будет добавлена в плеер
modestbranding
При установке значения 1 , видеоплеер не будет показывать логотип YouTube
Как встроить видео YouTube: Полезные советы
- Перед копированием кода с YouTube, вы можете выбрать время начала воспроизведения. Вы также можете выбрать, следует ли добавлять в плеер элементы управления видео.
- Не забывайте про авторские права — это незаконно использовать творение других людей, для получения прибыли без их разрешения.
Ленивая загрузка встроенных видео
Если вы планируете добавит несколько видео на страницу, то можете столкнуться со значительным увеличением времени загрузки. Пользователь может быть даже не запустит плеер, а уже скачает лишние ресурсы.
Чтобы решить ту проблему мы будем использовать вместо плеера крошечную встраиваемую страницу с превью видео и кнопкой. А при нажатии на нее будет загружаться плеер.
Хитрость будет заключаться атрибуте iframe — srcdoc в который мы поместим HTML нашего превью.
HTML <iframe src="https://www.youtube.com/embed/li_9PBrcOcQ" srcdoc="<style>*{padding:0;margin:0;overflow:hidden} html,body{height:100%} img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto} span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black} </style> <a href=https://www.youtube.com/embed/li_9PBrcOcQ?autoplay=1> <img src=https://img.youtube.com/vi/li_9PBrcOcQ/hqdefault.jpg alt='Demo video'> <span>▶</span> </a>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Demo video"> </iframe>
Как вставить видео с ютуба на сайт: пошаговая инструкция с фото
Тематический трафик – альтернативный подход в продвижении бизнеса
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Иногда словами не получается объяснить суть темы, поэтому люди начинают жестикулировать, приводить наглядные примеры и т.п. Поэтому и в интернете для раскрытия темы часто необходимо использовать визуальные средства. На помощь приходит всем известный видео-хостинг, на котором размещаются бесплатные видео-ролики.
Дополнительные преимущества вставки видео с Youtube на сайт
- Получение дохода от показа ролика, если он принадлежит владельцу интернет-сайта.
- Увеличение популярности веб-ресурса.
- Пополнение медиа-контентом.
- Демонстрация портфолио.
Но отсылать посетителя со своего сайта на видео-хостинг неудобно, так как не хочется его терять. Кроме того, каждая лишняя исходящая ссылка “переливает” вес с вашего сайта. А зачем это нужно?
Рассмотрим инструменты, при помощи которых можно разместить видео с Ютуба на сторонний сайт.
- Вставка html-кода фрейма.
Это самый простой способ ретрансляции видео. HTML-код находится на странице видеоролика в Youtube. Нажимаем “Поделиться”.
В поле снизу появляется прямая ссылка на ролик. Но мы выбираем “Встроить” — <> и получаем код видео с Youtube для сайта.
Устанавливаем настройки и копируем его в буфер.
Затем заходим в систему администрирования нашего сайта (предположим, что это MODx). Открываем исходный код той веб-страницы сайта, на которую следует вставить видео с Youtube и размещаем его.
Нажимаем “сохранить” и проверяем.
Фрейм — это такой виртуальный контейнер, который отображает в себе содержимое другой веб-страницы. В его коде можно поправить атрибуты вручную.
- width и height – его размеры;
- src – путь;
- frameborder – рамка есть или нет;
- allowfullscreen – полноэкранный вид.
2. Вставка html-кода video
Он отображает видеоролики на веб-странице.
Его синтаксис:
Атрибуты:
- width и height – его размеры;
- src – путь, который может задаваться через вложенный ;
- autoplay — самопроизвольно включается в момент загрузки веб-страницы;
- controls — ролик отражается вместе с панелью управления;
- loop — зацикливает повтор;
- poster — показывает посетителю картинку, если с его отображением возникают проблемы — следует указать путь к изображению-загрушке;
- preload — видео загружается одновременно со страницей;
- frameborder – рамка есть или нет;
- allowfullscreen – полноэкранный вид.
URL самого видео, как мы говорили ранее, находится на его странице. Он копируется в буфер обмена и вставляется на веб-страницу в ее код в нужном месте. Результат получается тот же.
Тег <sourse> можно вставить несколько раз в <video>,ссылаясь на ролики в разных форматах. Пользователь сможет выбрать удобный для просмотра вариант самостоятельно.
3. Видеоплееры на основе JavaScript и Flash.
Только программист сможет внедрить такое приложение к движку. Самым оптимальным и простым из них считается Spruto. На его официальном интернет-проекте можно настроить функционал и внешний вид.
Размещаем URL, делаем настройки и получаем код.
Можно скачать плеер полностью для установки или только код в формате JS или FLASH. В комплект скрипта входит руководство по установке.
4. Спецсредства в движках (CMS).
Во многих CMS предусмотрены встроенные плагины, которые позволяют работать с видеороликами.
WordPress
В последних версиях можно вставить простую ссылку на Ютуб напрямую. В режиме Html (Text) просто вставляется в нужном месте ссылка на странице и сохраняется. При этом происходит полноценное отображение ролика на сайте. Указатель ?autoplay=1 позволит ролику включаться автоматически при открытии страницы пользователем.
Плагины
Многие CMS работают только с плагинами, Например Joomla доступны а AllVideos или Vidbox. Рассмотрим первый из них.
После скачивания необходимо стандартным способом установить плагин и активировать его. Затем настраиваем: выбираем шаблон, размер плеера, папку для хранения файлов и т.д.
Для каждого видео в Ютубе генерируется уникальный идентификатор, его можно найти в адресной строке в момент просмотра.
Копируем его, затем в нужно месте страницы в Джумла вставляем код типа
{youtube}QAkJ3w1n9Tg{/youtube}.
На этом все! Вы можете использовать один из методов, чтобы дополнить содержимое вашего сайта.
Скрытые возможности встраивания видео из Youtube | Академия Лидогенерации | Официальный сайт
При создании сайтов частенько возникает необходимость вставить какой-то видео-ролик из YouTube. Это может быть продающее видео, какая-то инструкция, видео-комментарий.
В этой статье я покажу вам, как это сделать. А также поделюсь некоторыми дополнительными полезностями для вставки этих видео:) Поехали!
Чтобы вставить видео на сайт, необходимо сначала скопировать его код. Код видео берем с сайта YouTube, открыв страницу с нужным видео. На примере видео Академии Лидогенерации:
Комментарии:
- Видео на сайте будет в формате iframe — это значит, что на вашем сайте будет врезано встроенное окошко (фрейм), в котором будет воспроизводиться видео напрямую с YouTube (типа окно трансляции такое). Если ваш сайт не поддерживает iframe, то видео не воспроизведется (в этом случае необходимо будет вставлять видео не кодом с YouTube, а используя функции плеера вашего сайта, если они есть)).
- Если видео не ваше, то пункта “HTML-код” может и не быть, если владелец видео запретил встраивание этого видео:
Кликните ЕЩЕ под HTML-кодом видео и вы их увидите:
Как они работают:
- “Размер видео” — тут понятно. Насколько большое окно с видео будет у вас на сайте (можно выбрать или произвольного размера).
- “Показывать похожие видео …” — если вы не пиарите свой YouTube канал, рекомендую убирать эту галку, чтобы по окончанию видео заботливый YouTube не предлагал посетителю вашего лендинга посмотреть похожие видосы на тему.
- “Показать панель управления” — отображает нижнюю панель управления видео. Не стоит ее отключать. Не знаю, как вас, а лично меня бесит, когда я не могу убавить звук видео или перемотать его:) оставьте людям возможность рулить процессом.
- “Показать название видео и…” — убирайте галку, если не хотите, чтобы посетитель лендинга видел сверху видео панельку с названием видео и кнопками лайков. Лично я бы убрал как лишнюю отвлекашку: клик на название открывает новое окно с YouTube (и человек уходит с лендинга), а лайки… да кому они нужны?)))
- С режимом повышенной конфиденциальности я лично не разбирался. Справка YouTube говорит, что Если включить этот режим, YouTube будет сохранять информацию о посетителях вашей веб-страницы, только если они посмотрят ролик.
Если тыкать эти галки, вы увидите изменения в коде для вставки. Пример:
<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/ET1ECoJqdGg» frameborder=»0″ allowfullscreen></iframe> — оригинальный код без доп.настроек.
<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/ET1ECoJqdGg?rel=0» frameborder=»0″ allowfullscreen></iframe> — убрал галку “Показывать похожие видео…” (что добавилось в коде выделил красным).
Хозяйке на заметку: синим выделен идентификатор видео, указывающее YouTube какое именно видео воспроизводить в фрейме. Хотите поменять видео без изменения настроек отображения на сайте — просто поменяйте эту часть кода.
Как вставляются доп.коды
Как видите, доп.коды вставляются через знак ? после идентификатора видео. Знак ? ставится только перед первым доп.кодом, остальные вставляются через знак &. Например:
<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/ET1ECoJqdGg?rel=0&showinfo=0&autoplay=1» frameborder=»0″ allowfullscreen></iframe>
Другие коды, которые могут быть полезны:
- autoplay=1 — автоматически стартует видео сразу после загрузки страницы.
- &loop=1 – зацикливает воспроизведение видео ролика на вашей странице.
- fs=0 — запрещает разворачивать видео на весь экран (убирает соответствующую кнопочку в правом нижнем углу видео).
- start=20 — запустит ролик с 20-й секунды видео. Полезно, если нужно воспроизвести видео с какого-то конкретного момента.
- fmt=6 — задает качество видео. fmt=18 делает качество еще лучше, а fmt=22 делает наилучшим. Используется также параметр hd=1 для высокого качества по умолчанию.
- iv_load_policy=3 — отключает любые комментарии автора видео:) такие как Аннотации, Подсказки и появляющийся в начале видео аватар канала автора. Может быть полезно, если вставляете чужое видео (атата вам) и не хотите уходов на канал автора видео. Этот код НЕ отключает рекламу Google, которая может всплывать на вашем видео (как вы понимаете, такого кода вообще в природе не существует))).
Удачных вам экспериментов и CTR до неба!
Ваш Олег Рассказов.
Статья подготовлена при поддержке и соавторстве знакомого специалиста по YouTube Юрия Бледных в рамках конкурса «Контента много не бывает».
Если статья Вам понравилась, ставьте лайки, пишите комментарии.
Как вставить видео с YouTube в WordPress
Очень часто при ведении блога возникает необходимость добавить в запись или страницу видео из YouTube. Не вижу причин, почему бы вам не использовать данный сервис при размещении своих видео в интернете. Перечислю лишь некоторые из них, которые удерживают меня в этом сервисе.
YouTube для блоггеров удобен во всём:
- Самый известный и поддерживаемый всеми браузерами сервис
- При работе с видео позволяет добавлять необходимые эффекты
- Поддерживает качество видео до 4K, что очень круто!
- Работает на всех мобильных платформах
- Легко интегрируется во множество популярных CMS с помощью плагинов или iframe
- Имеет неплохую партнёрскую программу
В этой инструкции мы рассмотрим два способа добавления видео из YouTube на ваш сайт.
Видеоинструкция
Использование технологии oEmbed
Копировать информацию из основного сайта WordPress не буду, а просто дам ссылку, по которой подробно рассказано о технологии oEmbed и приведён список сайтов, с которых можно вставить мультимедийный контент в ваш сайт.
Если говорить коротко: сервис YouTube входит в список сайтов, поддерживающих технологию oEmbed, а это значит, что для вставки видео достаточно скопировать ссылку из адресной строки браузера и просто вставить в форму ввода текста в WordPress. Давайте рассмотрим пример! 🙂
Возьмём, например, видео про Обзор сервиса TemplateMonster. Копируем ссылку из адресной строки браузера и просто вставляем в визуальном режиме редактора прямо в текст:
Вы не успеете заметить, как эта ссылка автоматически трансформируется в видео. Эта возможность появилась давно, но именно в режиме предпросмотра видео — в последнем обновлении WordPress. Я считаю это просто супер! 🙂
Ссылка преобразовалась в проигрывательЕдинственное неудобство здесь в том, что вы не сможете задать размер видео и оно каждый раз будет разного размера. Вероятнее всего это будет зависеть от максимально возможного размера самого видео, а может от чего-то другого. Честно скажу — не знаю. Но те видео, которые я готовлю в 720p и в 1080p, без исключений растягиваются по всей ширине страницы.
Как обойти ситуацию с размером видео и задать максимальный
Если вам необходимо для видео с низким разрешением задать максимальную ширину контейнера, например, 900 пикселей, то необходимо вставлять ссылку на видео, обернув его в код embed
, который регулирует некоторые свойства.
Код embed принимает два параметра: width (ширина) и height (высота). Если их не указать любой из них, то он будет автоматически вычислен в зависимости от указанного значения.
Использовать тег embed
без указания хотя бы одного из параметров смысла нет. Разве что в случае, когда вы не хотите видео предпросмотр видео прямо в редакторе WordPress.
Вернёмся к нашему коду. Например, я хочу для всё того же видео про сервис TemplateMonster указать максимальную ширину в 600 пикселей. В этом случае мне нужно будет указать через пробел параметр width=»600″, например, так:
Результат на сайте будет следующим (специально вставляю в снимок экрана дополнительный текст, чтобы вы увидели разницу при указании ширины видео):
Использование тега embedВ общем, технология oEmbed позволяет вам безо всяких лишних заморочек вставлять видео на ваш сайт, но если вам необходимо использовать дополнительные возможности (например, скрыть элементы управления в проигрывателе, показывать похожие видео и тому подобное), тогда вам придётся использовать второй способ вставки видео, которые работает на всех системах управления сайтами, включая статические HTML.
Вставка видео из YouTube через HTML-код
Второй способ гарантированно будет работать везде. Да-да, везде! 🙂
Особенность в том, что это обычный HTML-код, который использует тег iframe, позволяющий отобразить содержимое любой внешней страницы или сайта на вашем сайте. Проблем при его использовании лично я не вижу, годами люди пользуются и все довольны. Посмотрим? 🙂
Тут нюанс в том, что надо проделать дополнительные действия, когда вы находитесь в нужном вам видео. В первую очередь, это найти элементы управления под видео и перейти в раздел «Поделиться»:
Вам сразу будет доступен код для вставки видео на ваш сайт. Почти всегда предлагается самый популярный размер — 960 пикселей по ширине, который подходит к большинству сайтов, т.к. он оптимально отображается как на десктопных браузерах, так и на мобильных:
Но чаще всего приходится изменять его под размер вашего сайта, т.к. ширина текстовой области у всех разная (треть места занимает сайдбар, не забывайте об этом). Давайте щёлкнем по полю «Выбор размер» и там выберем пункт «Другой размер»:
Рассматривать остальные возможности с «флажками» я не буду, т.к. это не относится к теме данной инструкции, вы можете самостоятельно их прощёлкать и посмотреть, как повлияет на ваше видео.
После выбора «Другой размер» форма ввода изменится и вы можете указать нужный вам размер видео. Я, например, задам ширину в 600 пикселей, а высота видео пропорционально изменится, чтобы ваше видео было с точно такими же пропорциями, как вы его записывали.
После этого вы просто копируете ссылку на ваше видео по примеру из скриншотов выше и всё, вставляете его в режиме «Текст» вашего редактора. Подробнее об этом я рассказал в заметке Использование текстового редактора это курса.
Внимание! Если вы вставите видео в визуальном редакторе, тогда HTML-код вашего видео преобразуется в такой вид, что видео не будет работать на сайте. Поэтому я настоятельно рекомендую переключаться в режим «Текст», чтобы видео при вставке вторым способом корректно отображалось на вашем сайте.
Заключение
Мы рассмотрели два популярных способа вставки видео из YouTube в сайт на WordPress. Конечно же, есть вариант с использованием плагина, но смысла в них нет, т.к. эти двух способов вам хватит на всю жизнь! 😉
Как вставить видео с ютуба на фейсбук или Загрузить
Как показывает статистика последних лет, видеоконтент находится на первых местах в предпочтениях интернет аудитории. А самая большая база видеороликов находится на Youtube………….
Сегодня поговорим о том, как можно использовать видео с ютуба на фейсбук – все способы и небольшие секреты )
Репост — Это Самый простой способ
Самый простой способ разместить ролик в социальной сети – сделать его репост.
Как поделиться видео с ютуба в фейбук:↓↓↓
- Зайдите на youtube, откройте нужный ролик.
- Нажмите значок «Поделиться».
- Во всплывающем окне выберите значок социальной сети.
- Если на устройстве выполняется автоматический вход – вы попадете в свой профиль на фейсбуке (или потребуется ввести логин/пароль от соцсети).
- Будет создана публикация со вставленным видео. Дополните ее текстом, определите аудиторию.
- Укажите место размещения: хроника, группа, личное сообщение или страница, которой вы управляете (выбор доступен только в веб-версии, в мобильном приложении вы сможете поделиться только в личном профиле).
- Нажмите кнопку «На Facebook», или «Опубликовать» чтобы завершить процесс.
Есть еще один способ: в момент выбора соцсети доступна для копирования ссылка на ютуб, после того, как вы ее скопируете, вы можете самостоятельно создать публикацию в фейсбук и вставить ее. После опубликования текст ссылки преобразуется в миниатюру видео.
Обратите внимание: в публикации будет отображаться эскиз и название ролика, но посмотреть его в фейсбуке не удастся, по клику будет происходить переход на ютуб. Но, используя этот метод, вы сможете привлечь внимание аудитории фейсбука к собственному ютуб-каналу.
Загрузка
Главное отличие этого способа – возможность использовать ролик без перехода на внешний сайт и смотреть его через социальную сеть, так как он позволяет загрузить видео на фейсбук с ютуба добавить его в свою публикацию, альбом или личное сообщение.
Это делается в два этапа:
1. Скачивание видео с YouTube:
Для этого необходимо прибегнуть к помощи одного из онлайн-сервисов:
1) ru.savefrom.net
2) https://220youtube.com/
3) https://getvideo.org/
Принцип их действия предельно прост: скопированную ссылку из ютуба необходимо вставить в специальную строку, после чего начать процесс загрузки. Файл будет сохранен на вашем устройстве.
2. Загрузка:
Теперь, имея нужный файл, можно создавать новую публикацию, как обычно. Нажмите кнопку «Фото/видео», после чего откроется проводник. Откройте нужный файл и дождитесь окончания загрузки.
Стрим
Прямые живые трансляции можно устраивать сразу на нескольких площадках. Если вы самостоятельно создаете видео контент, это позволит за один и тот же промежуток времени охватить гораздо более широкую аудиторию. Одновременный стрим на ютуб и фейсбук можно устроить через один из сервисов:
1. https://facecast.net/ru/ — отечественная компания с большими мощностями и набором услуг, сервис платный.
2. https://restream.io/ — англоязычный сервис, некоторые функции бесплатны, но для трансляции на фейсбук необходимо приобретать платный пакет.
Добавление файлов, изображений, видео- и аудиоматериалов
Добавление файлов в редакторе
Файлы можно добавлять в редакторе в определенных областях курса Ultra. Например, во время обсуждения вы можете прикрепить файл, который поможет аргументировать ваши утверждения.
Встроенное средство просмотра редактора поддерживает видео только в формате MP4. Возможно, вам будет нужно скачивать файлы других типов, например MOV или MPEG. Редактор не позволяет добавлять вложения в элементы календаря.
Выберите пункт Вставить/изменить локальные файлы. Найдите файл на компьютере. Откроется окно, отображающее прогресс добавления файла.
Вы можете изменить настройки файла, включая отображаемое имя, замещающий текст и режим отображения. Файл можно вставить в виде ссылки в редакторе или встроить непосредственно в другое добавленное содержимое на странице.
Чтобы изменить замещающий текст или режим отображения изображения, выберите файл в редакторе и щелкните значок Изменить вложение.
Вставка изображений в редакторе
В некоторых областях курса Ultra можно использовать функции редактора, чтобы добавлять изображения к текстовому содержимому. Вы можете добавлять изображения, размещенные в Интернете или в облачном хранилище. Вы также можете загрузить изображение с локального диска.
Если вы добавляете большое изображение, включите его в виде отдельной текстовой ссылки. Преподаватель и другие учащиеся смогут нажать ссылку и просмотреть изображение в отдельном окне и в более четком разрешении, при этом сохраняя возможность читать текст.
Выберите Добавить содержимое > Вставка/изменение изображения из Интернета. Введите или вставьте URL-адрес изображения, чтобы встроить изображение, размещенное в сети. Для этих целей необходимо использовать протокол http://. Включите описание изображения в поле Замещающий текст, чтобы пользователи, которые не могут просмотреть изображение, могли понять его смысл.
Чтобы изменить источник изображения или замещающий текст, выберите изображение в редакторе и нажмите Добавить содержимое > Вставить/изменить изображение из Интернета.
Вставить видео с YouTube в WordPress
От автора
Статья устарела, но все короткие коды продолжат работать. В версиях WordPress от 4+, вставка iframe кода видео с YouTube не требуется. Достаточно вставить в визуальном редакторе URL адрес видео из пункта «Поделись» на YouTube.
Из статьи вы узнаете, не только как вставить видео с YouTube в WordPress, но и как самостоятельно менять его размер, как менять время начала и окончание просмотра видео и отключать похожие видео из ролика. Некоторые из предложенных вариантов вставки видео, применимы для всех видео хостингов интернет (vimeo и т. д.)
Вставить видео с YouTube через код Html iframe
Код [Html iframe] это отдельная интернет-страница, которую можно встроить в другую страницу при помощи тегов iframe
. Код iframe
имеет атрибуты и значения, которые позволяют сделать рамку для этой страницы, задать ее размер и цвет, включить или выключить прокрутку, изменить размер страницы.
Синтаксис тега <iframe>...</iframe>
.
Код [Html iframe] для видео генерируется на YouTube автоматически. Найти его можно на странице видео, на кнопке «Поделись» → «HTML код».
Чтобы вставить видео с 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 есть мощный инструмент, который позволяет вставлять в статьи сторонние документы, вставлять в тексты объекты, различные коды, галереи, видео, слайдеры не длинными кодами, а специальными короткими кодами, shortcode
.
Чтобы вставить видео с 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
Еще статьи
Похожие посты:
ПохожееHTML видео YouTube
Самый простой способ воспроизвести видео в формате HTML — это использовать YouTube.
Проблемы с форматами видео?
Преобразование видео в разные форматы может быть трудным и трудоемким.
Более простое решение — разрешить YouTube воспроизводить видео на вашей веб-странице.
Идентификатор видео YouTube
YouTube будет отображать идентификатор (например, tgbNymZ7vqY), когда вы сохраняете (или воспроизводите) видео.
Вы можете использовать этот идентификатор и ссылаться на свое видео в HTML-коде.
Воспроизведение видео YouTube в HTML
Чтобы воспроизвести видео на веб-странице, сделайте следующее:
- Загрузить видео на YouTube
- Обратите внимание на идентификатор видео
- Определите элемент
- Пусть атрибут
src
указывает на URL-адрес видео - Используйте ширину
атрибуты высоты
, чтобы указать размер игрока - Добавьте любые другие параметры в URL (см. Ниже)
Пример
src = «https: // www.youtube.com/embed/tgbNymZ7vqY «>
Автозапуск YouTube + отключение звука
Вы можете разрешить автоматическое воспроизведение видео, когда пользователь заходит на
страницы, добавив autoplay = 1
к URL-адресу YouTube.
Однако автоматический запуск видео раздражает ваших посетителей!
Примечание. Браузеры Chromium не разрешить автовоспроизведение в большинстве случаев. Однако отключенное автовоспроизведение всегда разрешено.
Добавить mute = 1
после autoplay = 1
, чтобы ваше видео воспроизводилось автоматически (но без звука).
YouTube — Автозапуск + отключен
src = «https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1″>
Плейлист YouTube
Список видео, разделенных запятыми, для воспроизведения (в дополнение к исходному URL-адресу).
Цикл YouTube
Добавьте loop = 1
, чтобы ваше видео оставалось бесконечным.
Значение 0 (по умолчанию): видео воспроизводится только один раз.
Значение 1: видео будет повторяться (бесконечно).
YouTube — Петля
src = «https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1″>
Элементы управления YouTube
Добавьте controls = 0
, чтобы не отображать элементы управления в
видео проигрыватель.
Значение 0: элементы управления проигрывателем не отображаются.
Значение 1 (по умолчанию): отображаются элементы управления проигрывателем.
YouTube — Управление
src = «https: // www.youtube.com/embed/tgbNymZ7vqY?controls=0 «>
Вставить видео с 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 для получения инструкций.
Хотите вместо этого вставить видео со своего компьютера?
Подробности см. В разделе «Вставка и воспроизведение видеофайла с компьютера».
Вставить контент с Slideshare.net
На слайд в PowerPoint можно встроить содержимое из Slideshare.net, веб-сайт для обмена презентациями, инфографикой и документами.
На Slideshare.net любой контент, который можно встроить в другое место, имеет кнопку Поделиться . Эта кнопка открывает окно, в котором вы можете скопировать код для встраивания, например для видео.
Найдите на Slideshare.net контент, который хотите встроить.
Нажмите кнопку Поделиться под рамкой содержимого.
Коды совместного использования появятся в кадре видео.
Установите флажок с именем Встроить .
Когда вы это сделаете, весь текст в поле станет выделенным.
Щелкните выделенный текст правой кнопкой мыши и выберите Копировать .
Скопированный текст содержит больше информации, чем нужно, поэтому его необходимо обрезать и повторно скопировать.
Вставьте скопированный текст в текстовый редактор, например Word или Блокнот.
Выделите часть текста, которая начинается с . Скопируйте этот текст.
Это код для вставки содержимого в PowerPoint.
В PowerPoint перейдите к слайду, на который вы хотите вставить содержимое.
На ленте панели инструментов выберите вкладку Insert , выберите Video , а затем выберите Online Video .
Откроется диалоговое окно Вставить видео .
Вставьте код внедрения в поле с именем из кода внедрения видео , а затем нажмите Enter.
PowerPoint требуется некоторое время, чтобы впитать содержимое.Когда это будет сделано, на вашем слайде появится черный прямоугольник.
Для просмотра содержимого нажмите кнопку «Слайд-шоу». в правом нижнем углу окна PowerPoint.
Требования
Использование вами онлайн-видео регулируется Условиями использования и Политикой конфиденциальности каждого веб-сайта провайдера.
SlideShare.нетто
Vimeo
YouTube
В PowerPoint 2013 вы можете вставить онлайн-видео, а затем воспроизвести его во время презентации.
Видео воспроизводится прямо с веб-сайта, и у него есть элементы управления сайтом для воспроизведения, паузы, громкости и так далее.Функции воспроизведения PowerPoint (постепенное исчезновение, закладка, обрезка и т. Д.) Не применяются к онлайн-видео.
Поскольку видео хранится на веб-сайте, а не в вашей презентации, вы должны быть подключены к Интернету, чтобы видео могло успешно воспроизводиться.
Найдите видео на YouTube по названию
Щелкните слайд, к которому вы хотите добавить видео.
На вкладке Insert щелкните Video > Online Video .
В поле Search YouTube введите имя видео, которое вы хотите вставить, и нажмите Enter.
Выберите видео из результатов поиска и нажмите Вставить .
На слайд помещается прямоугольник видео, который можно перемещать и изменять размер по своему усмотрению.Чтобы просмотреть видео на слайде, щелкните правой кнопкой мыши прямоугольник видео, выберите Preview , а затем нажмите кнопку воспроизведения на видео.
Переключитесь на вкладку Воспроизведение ленты, чтобы выбрать способ и время воспроизведения видео:
Предварительный просмотр видео
Когда прямоугольник видео окажется на слайде, выберите его, затем выберите вкладку Воспроизведение на ленте 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 видео в PowerPoint 2010 перестали работать. YouTube недавно прекратил поддержку Adobe Flash Player, который PowerPoint 2010 использует негласно для воспроизведения видео YouTube, встроенного в слайд.
В результате этого изменения вы больше не можете воспроизводить видео в PowerPoint 2010. Вместо этого вы получаете сообщение об ошибке: «Встроенные во Flash видео больше не поддерживаются».
Есть два способа обойти эту проблему, описанные ниже Установите надстройку, которая может воспроизводить видео, или обновитесь до более новой версии PowerPoint.
Используйте надстройку LiveWeb для вставки и воспроизведения онлайн-видео
Это задача для терпеливых мастеров, которым удобно устанавливать и настраивать программное обеспечение самостоятельно. Мы постарались тщательно обрисовать необходимые шаги.
Ниже приведены три процедуры, которые помогут вам. Первые две нужно выполнить только один раз: они устанавливают и настраивают надстройку. Когда они будут выполнены, вы можете использовать третью процедуру, чтобы вставить онлайн-видео на слайд в PowerPoint 2010.
Щелкните заголовок раздела ниже, чтобы открыть его и просмотреть подробные инструкции:
Закройте Office 2010.
Перейдите на домашнюю страницу надстройки LiveWeb и щелкните ссылку для загрузки для пользователей PowerPoint 2007/2010/2010/2016 (32- и 64-разрядная версии) .
Сжатый файл lwsetup40.zip загружается на ваш компьютер. Для начала вы распаковываете его, чтобы иметь возможность использовать файлы.
В проводнике щелкните правой кнопкой мыши файл .zip и выберите Извлечь все .
В диалоговом окне Извлечь выберите Показать извлеченные файлы после завершения , а затем щелкните Извлечь .
Несжатый файл копируется на ваш компьютер.
Дважды щелкните lwsetup.exe , чтобы начать установку надстройки LiveWeb на свой компьютер.
Затем вы рассмотрите ряд вариантов, прежде чем надстройка будет установлена на вашем компьютере.
Нажмите Да , чтобы приложение могло вносить изменения в ваше устройство.
В диалоговом окне InstallShield Wizard щелкните Далее .
Прочтите лицензионное соглашение, выберите Я принимаю условия лицензионного соглашения , а затем щелкните Далее .
(Вы должны принять лицензионное соглашение, чтобы иметь возможность использовать надстройку.)
Папка установки по умолчанию — C: \ Program Files (x86) \ Shyam Pillai \ LiveWeb. Измените его, если хотите, а затем нажмите Далее .
Теперь все параметры настроены: Нажмите Установить .
Дождитесь завершения установки и затем нажмите Готово , чтобы выйти из процесса установки.Теперь вы готовы использовать надстройку.
Откройте Office 2010 из меню Пуск .
На вкладке Файл на ленте панели инструментов щелкните Параметры .
В диалоговом окне Параметры PowerPoint выберите Центр управления безопасностью на левой панели, а затем щелкните Параметры центра управления безопасностью .
В диалоговом окне Trust Center в Macro Settings выберите Отключить все макросы с уведомлением , а затем нажмите OK .
Центр управления безопасностью не отключает макросы автоматически. Это заставляет вас выбирать, включать или отключать их самостоятельно. В этом случае мы включим их.
На левой панели диалогового окна щелкните Параметры ActiveX , выберите Запрашивать перед включением всех элементов управления с минимальными ограничениями , а затем щелкните ОК .
Выберите надстройки на левой панели. Внизу списка Управление выберите Надстройки PowerPoint , а затем нажмите Перейти .
Щелкните Добавить новый , чтобы добавить надстройку LiveWeb в свой список.
Перейдите к папке, в которую вы установили LiveWeb на шаге 9 предыдущей процедуры, выберите LiveWeb.ppam , а затем нажмите OK .
Надстройка LiveWeb установлена и готова к использованию в PowerPoint 2010.
Иногда надстройка не отображается в списке, но работает правильно. Нажмите Закройте и прочтите следующие шаги, чтобы использовать его.
В веб-браузере перейдите на YouTube.Найдите видео, которое вы хотите вставить на слайд. Скопируйте адрес https: веб-страницы.
В PowerPoint 2010 на вкладке Вставить ленты, рядом с правым концом, нажмите кнопку Веб-страница .
Откроется диалоговое окно LiveWeb .
В диалоговом окне нажмите Далее .
В верхнем поле вставьте адрес (из шага 1) видео, которое вы хотите вставить. Затем нажмите Добавить , а затем Далее .
Убедитесь, что Да, обновлять веб-страницу автоматически (обновление в реальном времени) установлен флажок , а затем щелкните Далее .
На шаге № 3 нажмите Далее , если вы сначала не хотите изменить какие-либо дополнительные настройки для своего видео.
Нажмите Готово .
Нажмите ОК в окне сообщения.
Сохраните презентацию. Теперь вы готовы протестировать видео в режиме слайд-шоу.
Нажмите F5, чтобы начать слайд-шоу.Как только видео начнется, нажмите кнопку полноэкранного режима, чтобы развернуть видеокадр.
Если после переключения в полноэкранный режим экран выглядит так, нажмите один раз Ctrl + знак плюса на клавиатуре, чтобы развернуть видео:
На этом этапе видео должно заполнить экран.
При необходимости нажмите «Воспроизвести», чтобы начать воспроизведение видео.
Обновите PowerPoint до более новой версии, если можете.
Если у вас есть возможность выполнить обновление, мы рекомендуем вам это сделать, чтобы обойти эту проблему, которая не может быть решена:
Вы можете обновить Office 2010 до более новой версии , которая не использует Adobe Flash Player для воспроизведения видео на YouTube и, следовательно, не имеет той же проблемы, что и PowerPoint 2010.
Чтобы обновление было полезным, вам необходимо использовать версию Windows, которая поддерживает выбранную вами версию Office. Office 2013 требует Windows 10, Windows 8.1, Windows 8 или Windows 7. Для Office 2016 требуется Windows 10, Windows 8.1, Windows 8 или Windows 7 с пакетом обновления 1.
Если вы хотите всегда иметь последнюю версию Office, вы можете стать подписчиком Microsoft 365. Нажмите, чтобы попробовать или купить и сравнить подписку с разовой покупкой.
Требования
Использование вами онлайн-видео регулируется Условиями использования и Политикой конфиденциальности веб-сайта провайдера.
В PowerPoint в Интернете вы можете вставить онлайн-видео с YouTube или Vimeo на слайд. (Если у вас есть подписка на Microsoft 365 для бизнеса или образования, вы также можете вставить онлайн-видео из Microsoft Stream.)
Видео воспроизводится прямо с веб-сайта, и у него есть элементы управления сайтом для воспроизведения, паузы, громкости и так далее.Функции воспроизведения PowerPoint (постепенное исчезновение, закладка, обрезка и т. Д.) Не применяются к онлайн-видео.
Поскольку видео хранится на веб-сайте, а не в вашей презентации, вы должны быть подключены к Интернету, чтобы видео могло успешно воспроизводиться.
Вставить онлайн-видео
На отдельной вкладке в веб-браузере найдите нужное видео.
Скопируйте адрес веб-страницы из адресной строки браузера.
Переключитесь на PowerPoint в Интернете и выберите слайд, на котором вы хотите разместить видео.
На вкладке Insert ленты в группе Media выберите Online Video .
В диалоговом окне Online Video вставьте адрес, который вы скопировали на шаге 2.
Выберите Вставьте .
Видео будет вставлено на слайд. Вы можете перемещать видео, перетаскивая его мышью, и вы можете изменять размер видеокадра, выбирая угол и перетаскивая его.
Для воспроизведения видео необходимо запустить слайд-шоу. На ленте переключитесь на вкладку View и в группе Start Slide Show выберите From Current Slide .
(Если вы отключили упрощенную ленту, у вас нет вкладки Slide Show ; вместо этого используйте вкладку View для запуска слайд-шоу.)
Откроется слайд-шоу, и затем вы можете нажать кнопку воспроизведения, чтобы начать.
Дополнительную информацию см. В разделе Воспроизведение видео в PowerPoint в Интернете.
Использование вами онлайн-видео регулируется Условиями использования и Политикой конфиденциальности каждого веб-сайта провайдера.
Microsoft Stream:
Vimeo:
YouTube:
Обрезка видео
PowerPoint для Интернета не может обрезать видео, а онлайн-видео нельзя обрезать. Если у вас есть видео, которое вы хотите обрезать, вы должны сохранить его на свой компьютер, а затем вставить его на слайд в настольной версии PowerPoint.
Как встроить видео с Youtube на веб-сайт
Согласно опросу, проведенному ezoic, 60% крупных издателей размещают видеоролики Youtube на своих веб-сайтах. В чем основная причина такой популярности YouTube? Это потому, что он позволяет людям бесплатно размещать видео даже на корпоративных веб-сайтах. И бесплатные функции всегда соблазнительны, не так ли?
И, если вы являетесь создателем видео на Youtube, вы знаете, что создание видео — это только половина процесса. Настоящая сделка заключается в том, чтобы делиться видео на всех платформах социальных сетей и, разумеется, на вашем веб-сайте.
Итак, как добавить или встроить видео Youtube на свой сайт? Что ж, если вы ищете ответ на этот вопрос, вы попали в нужное место, потому что эта статья предназначена только для вас. Здесь мы составили подробное руководство о том, как добавлять или встраивать видео YouTube на ваш сайт.
В этом уроке мы обсудили:
- Что такое встраивание видео
- Почему вы должны встраивать видео на свой сайт
- Как встраивать видео в WordPress
- Как встраивать видео в Wix
- Как встраивать видео в HTML
Без лишних слов, давайте начнем…
Что такое встраивание видео?
Прежде чем мы рассмотрим шаги по встраиванию видео YouTube на ваш веб-сайт позже в этом блоге, давайте сначала узнаем, что такое встраивание видео и как оно работает.
Встраивание видео — это фрагмент кода, который вы добавляете на свой сайт. Код отображает видео из его источника. С его помощью вам не нужно размещать файл на своем сайте для отображения видео.
Встроенные видео помогают быстрее загружать ваш сайт. Вы даже можете выбрать из множества услуг видеохостинга.
Почему вы должны встраивать видео на свой сайт
90% информации, которую мы потребляем, является визуальной, и они передаются в 60 000 раз быстрее, чем тексты! В нескольких исследованиях уже подчеркивалась ценность визуального контента в этом новом цифровом мире.
Более 51% специалистов по маркетингу говорят, что видеоконтент имеет самую высокую рентабельность инвестиций. Таким образом, если вы добавите видео YouTube на свой сайт, это привлечет внимание людей к вашему сайту. Вы можете добавить свою точку зрения к чужому видеоконтенту, чтобы привлечь больше внимания.
Например, сайт обзоров фильмов и новостей RadioTimes размещает трейлеры на YouTube к своим статьям. Это не только делает статью интересной, но и привлекает наше внимание.
Некоторые преимущества добавления или встраивания видео YouTube на ваш веб-сайт включают: —
- Серверы Youtube воспроизводят видео.Это означает, что вам не нужно беспокоиться о пропускной способности или хранилище.
- Плеер YouTube оптимизирован для воспроизведения на любом устройстве и в любом браузере. С надежностью проблем не будет.
- Ваша аудитория получит удовольствие от просмотра видео! Бонус!
Найдите видео компании или профессионала, которым вы восхищаетесь. Убедитесь, что содержание видео правильно соответствует вашей целевой аудитории. И начните встраивать их видео в контент вашего сайта.
Например, если вы консультант по контент-маркетингу, найдите на YouTube видеоролики о контент-маркетинге и вставьте их в сообщения на своем веб-сайте или в блоги.
Предположим, вы владелец ресторана и ведете блог о еде. Вы можете создать свои собственные видеоролики с рецептами на Youtube и встроить ссылку в свой блог о еде. Таким образом вы сможете привлечь на свой сайт больше посетителей.
Как встроить или добавить видео Youtube в WordPress
Вы можете добавлять или встраивать видео Youtube в WordPress даже с закрытыми глазами! Да, это так просто. Если вы действительно беспокоитесь о том, как добавить видео с YouTube на веб-сайт, то мы вам поможем!
В этом руководстве мы дадим вам три различных метода добавления или встраивания видео YouTube в WordPress.Прокрутите вниз …
Метод 1. Добавление / вставка видео YouTube простым и классическим способом
Самый простой способ добавить видео YouTube — скопировать и вставить URL-адрес видео. Как это сделать? Итак, шаг —
Шаг 1. Скопируйте URL-адрес видео
Предположим, у вас есть блог о еде, и вы хотите добавить на свой веб-сайт видео с рецептом яблочного пирога. Во-первых, выберите свой любимый видеоролик с рецептом яблочного пирога на Youtube.
Затем перейдите к опции «Поделиться», которая отображается прямо под видео с рецептом пирога.Нажмите кнопку «Поделиться», и откроется окно с URL-адресом видео. Или вы можете уменьшить рабочую нагрузку, просто скопировав URL-адрес из браузера в верхнюю часть экрана.
Шаг 2. Пришло время вставить URL-адрес
Затем добавьте или отредактируйте сообщение или страницу в WordPress и вставьте URL-адрес видео в поле «Начать запись». После того, как вы вставите URL-адрес, WordPress отобразит видео внутри редактора.
Вы можете сохранить сообщение из предварительного просмотра встроенного или добавленного видео в свой блог.
Теперь вы знаете самый простой способ добавить / встроить видео Youtube на свой сайт WordPress. Тем не менее, есть несколько альтернативных методов, которыми вы можете попробовать стать профессионалом.
Метод 2: Добавить / встроить видео Youtube с помощью блока Youtube
Вы можете встраивать видео YouTube с помощью блока YouTube в свои сообщения или страницы WordPress. Вот как….
Шаг 1. Для начала скопируйте URL-адрес видео Youtube.
Как упоминалось ранее, вы можете скопировать URL-адрес предпочитаемого видео прямо из верхней части экрана.Или вы можете нажать на опцию «Поделиться» видео.
Шаг 2: Нажмите кнопку «+ (Добавить блок)»
Затем откройте редактор WordPress, выберите опцию «+ (Добавить блок)», которая отображается в верхнем левом углу страницы WordPress. Откроется окно со всеми доступными блоками контента.
Шаг 3. Нажмите на блок YouTube.
Перейдите в раздел «Встраивание» и нажмите на блок YouTube. Кроме того, вы можете добавить блок YouTube, просто выполнив поиск в поле поиска в списке блокировки.
Шаг 4. Введите или вставьте URL-адрес видео
Теперь вы можете ввести или вставить URL-адрес видео YouTube в отображаемое поле. Затем нажмите кнопку «Встроить». Теперь WordPress встроит ваше предпочтительное видео YouTube в сообщение или страницу WordPress.
Метод 3. Встраивание / добавление видео YouTube с помощью видеоблока
Вы можете использовать видеоблок WordPress для добавления видео в свой контент. Вот процесс…
Шаг 1. Скопируйте URL-адрес видео
Каждый метод встраивания видео YouTube начинается с этого простого процесса.Скопируйте URL-адрес предпочитаемого видео с канала YouTube.
Шаг 2. Выберите опцию «+ (Добавить блок)».
Затем выберите значок «+» в верхнем левом углу страницы WordPress. Это откроет коробку со всеми блоками.
Шаг 3. Щелкните значок видеоблока.
Теперь щелкните значок видеоблока в разделе «Общие блоки». Как и в предыдущем методе, вы можете искать в блоке видео, выполнив поиск видео в списке блокировки.
Шаг 4: Вставьте URL-адрес видео
Вы увидите опцию «Вставить из URL-адреса», где вам нужно вставить URL-адрес видео YouTube.Затем щелкните символ «⮐ (Возврат)». Теперь ваше видео будет встроено в вашу страницу WordPress.
Как встроить или добавить видео с Youtube на Wix
Если вы не являетесь пользователем WordPress и используете Wix в качестве своего веб-сайта, то мы тоже вас поддержим! Здесь мы упомянем два метода, которые вы можете попробовать сразу же, чтобы добавить / встроить видео YouTube.
Метод 1: Добавить / встроить видео YouTube с использованием URL-адреса
Шаг 1. Скопируйте URL-адрес видео YouTube
Откройте страницу Youtube, выберите видео и скопируйте URL-адрес прямо из браузера.Или нажмите кнопку «Поделиться» под видео и скопируйте URL.
Шаг 2. Добавьте видео из редактора Wix
Нажмите на символ «+» в левой части редактора Wix. Откроется окно, в котором вы можете выбрать опцию «видео». Затем в разделе «Однопользовательская игра» вы можете выбрать предпочтительный источник видео. В этом случае выберите вариант YouTube.
Шаг 3. Вставьте URL-адрес видео YouTube
Теперь выберите параметр «Изменить видео», чтобы вставить URL-адрес видео YouTube.Здесь вы можете изменить настройки видео, отрегулировав параметры управления и воспроизведения.
Шаг 4. Разместите видео
Кроме того, на веб-сайте Wix вы можете перетаскивать, чтобы изменить размер и положение видео YouTube соответствующим образом.
Метод 2: встраивание видео YouTube в Wix с помощью кода для встраивания
Если вам нужен дополнительный контроль при добавлении видео YouTube на свой сайт, вы можете использовать код для встраивания. Процесс так же прост, как использование URL-адреса.
Шаг 1. Скопируйте код для встраивания YouTube
Перейдите на страницу YouTube, выберите видео и нажмите кнопку «Поделиться», которая отображается ниже.Здесь вы найдете; «Встроить», нажмите на эту опцию. Теперь вы получите код для встраивания; вы можете скопировать код отсюда.
Шаг 2. Вставьте код для встраивания на сайт Wix
Теперь нажмите на значок +, доступный в редакторе Wix. Затем выберите в списке опцию Еще. Под опцией «Еще» вы найдете HTML iframe. Теперь просто вставьте код для встраивания YouTube в iframe HTML.
Как встроить видео в HTML
Итак, мы оставили базовый метод напоследок! Как встроить или добавить видео с YouTube на любой HTML-сайт? Что ж, вот шаги,
Шаг 1: Отредактируйте HTML
Сначала перейдите в раздел публикации страницы вашего веб-сайта, где вы хотите увидеть видео YouTube.Затем выберите вариант редактирования, найдите место в HTML, куда вы хотите добавить видео. Поместите курсор в таком темпе.
Шаг 2: Скопируйте код для вставки
Перейдите к видео Youtube, которое вы хотите добавить. Нажмите на опцию «Встроить» под кнопкой «Поделиться». Скопируйте код для вставки.
Шаг 3. Вставьте код встраивания YouTube в HTML
Теперь вставьте код встраивания YouTube в место HTML, которое вы нашли на предыдущем шаге. Сохраните пост или опубликуйте его сразу. Видео YouTube появится именно там, где вы хотели его посмотреть.
Давайте расшифруем некоторые часто задаваемые вопросы
1. Как вы можете установить конкретное время начала для вашего видео?Средняя продолжительность концентрации внимания вашей аудитории, вероятно, составляет 30 секунд. А когда вы вставляете видео, заполненное скучными отрезками времени, аудитория имеет тенденцию уходить с вашего сайта. Вот почему лучше всего начинать видео прямо с того места, где вы хотите. Вы можете добавить определенное время начала в свое видео, выполнив следующие простые шаги:
- Откройте видео YouTube, выберите опцию «Поделиться».
- Нажмите на опцию «Встроить».
- Выберите время, в которое вы хотите начать видео.
- После того, как вы выбрали время, включите опцию «Начать в» в поле «Вставить видео».
- Введите время, которое вы выбрали.
- Время будет добавлено и обновлено в вашем коде для вставки.
- Скопируйте код для вставки.
- Откройте свой веб-сайт, вставьте код и нажмите «Опубликовать».
Тада! Вы установили время начала для вашего видео.
2.Как добавить время окончания для своего видео на YouTube?
Точно так же, как добавление определенного времени начала, вы можете сократить беспорядок в видео, добавив конкретное время окончания. Вы можете легко применить время окончания с помощью этих простых шагов:
- Откройте видео YouTube, выберите опцию «Поделиться».
- Нажмите на опцию «Встроить».
- Включите опцию запуска в, введите выбранное время и скопируйте код.
- Вставьте код на страницу своего веб-сайта.
- Снова вернитесь к выбранному ранее видео YouTube.Выберите время, когда вы хотите закончить видео.
- Например, если вы хотите закончить видео через 5 минут 20 секунд, перейдите туда и щелкните видео правой кнопкой мыши.
- Он откроет ящик; там вы можете выбрать опцию «Копировать URL видео в текущее время».
- Откройте блокнот и временно вставьте ссылку. По этой ссылке вы укажете время окончания, которое вы выбрали в секундах.
- Теперь вернитесь на свой веб-сайт, введите время окончания из блокнота в код для вставки. Это будет выглядеть так: («начало = время; конец = время»)
- Нажмите «Обновить» и «Опубликовать».
В следующий раз, когда вы будете вставлять видео с YouTube, выполните этот процесс. Установить конкретное время никогда не будет так просто.
3. Какой метод встраивания лучше всего подходит для вас?
Каждый из этих методов создает блок YouTube из URL-адреса. Итак, вы можете выбрать любой способ. Ни один из них не лучше или лучше других.
Функции, которые можно получить с YouTube Встроенные плагины
Методы, упомянутые ранее, просты и быстры. Однако вы можете использовать плагины для встраивания YouTube, чтобы добавить на свой сайт множество дополнительных функций.Вот некоторые плагины для встраивания YouTube, которые вы можете попробовать: —
- YotuWp
- YouTube by EmbedPlus
- Feed Them Social
- Videozoom
- Галерея YouTube
- WP YouTube Lyte
- YourChannel
Теперь, если вы хотите получить наше мнение о какой из них лучше всего подойдет вам для добавления или встраивания видеороликов Youtube на свой веб-сайт, тогда мы предложим вам использовать WP YouTube Lyte. Это позволяет вам изменять стиль игры и внешний вид игрока. С его помощью вы даже можете LazyLoad загружать свои видео.Более того, он был протестирован на максимальную кроссбраузерность. Некоторые другие особенности WP YouTube Lyte:
- High Responsive Embeds
- Multi-Lingual
- Force HD
- Efficient Rendering
Некоторые функции, которые вы получите от плагинов встраивания:
- Plugins помогут вам улучшить параметры конфиденциальности для встроенных видео на вашем веб-сайте.
- Вы можете создать элегантную галерею для своих видео с помощью таких плагинов, как YouTube Gallery.
- Вы можете отложить загрузку всех встроенных видео с YouTube с помощью WP YouTube Lyte.
- Вы можете управлять визуальными настройками, чтобы настроить цвет, размер и другие параметры видео.
- Вы получите возможность создавать анимацию и эффекты наведения в видео.
- Плагин YouTube Gallery отлично подходит для создания красивых галерей.
- Плагин YotuWP лучше всего подходит для создания макетов галереи.
- Feed Them Social лучше всего подходит для извлечения видео из разных социальных сетей.
Заключение
Если вы по-прежнему используете на своем веб-сайте только текстовый контент, вы упускаете много времени! К настоящему времени, я думаю, вы уже знаете, какое будущее ждет визуальный контент. И с помощью этих простых руководств вы можете воплотить это будущее в реальность.
В этой статье мы рассмотрели подробное руководство о том, как легко добавлять / встраивать видео YouTube на ваш сайт. Используйте это руководство, чтобы повысить просмотры, поисковый рейтинг и привлечь потенциальных клиентов в мгновение ока.
Кроме того, мы предоставили вам список плагинов, чтобы без проблем добавлять видео Youtube на ваш сайт! С помощью этих руководств вы можете представить видео таким образом, чтобы заинтересовать вашу аудиторию и заставить их возвращаться снова и снова!
Кейт Уильям
Контент-маркетолог в SurveySparrow
Как встраивать видео YouTube — простые методы
Важный технический навык, которому нужно научиться, — это встраивание видео YouTube в различные форматы.Утомительно искать в Интернете решения для встраивания. Вместо этого используйте это простое руководство для встраивания видео с YouTube.
Вставить видео YouTube для веб-сайта или блога
Вы быстрее закончите создание веб-сайта или блог, если знаете, как встраивать видео YouTube. Вот самый быстрый способ:
- Направьте свой веб-браузер на видео YouTube, которое вы хотите встроить.
- Нажмите кнопку «поделиться», а затем кнопку «встроить».
- Скопируйте код из всплывающего окна.Затем просто вставьте код в исходный код веб-страницы или блога, который вы хотите, с помощью программного обеспечения для редактирования HTML, такого как Adobe Dreamweaver.
Теперь, когда вы понимаете этот простой процесс, вы можете закончить все свои рабочие проекты или создание домашнего веб-сайта намного быстрее.
Встраивать видео YouTube в платформы социальных сетей
Интернет становится все более доступным для неискушенных технических людей. Сайты социальных сетей позволили пользователям легко выполнять различные действия, особенно встраивать видео.Вот как:
- Чтобы встроить видео YouTube в социальные сети, такие как Facebook, Twitter или LinkedIn, перейдите к видео YouTube, которое вы хотите встроить.
- Нажмите кнопку «Поделиться».
- Появится список сайтов социальных сетей, и вы можете выбрать любой сайт, который хотите.
Вставить YouTube видео для презентации
Проведите следующую встречу или конференцию с уверенностью, зная, что вы правильно встроили видео в свою презентацию.Вот как вставить видео YouTube в презентацию:
- Откройте видео YouTube, которое хотите встроить в презентацию, затем нажмите кнопку «Поделиться».
- Нажмите кнопку «Встроить» во всплывающем окне. Скопируйте предоставленный код, затем откройте программу для презентаций, например Microsoft PowerPoint.
- На вкладке «Вставить» нажмите «видео», затем «онлайн-видео».
- Вставьте код в поле «из кода встраивания видео», и вы готовы выступить с презентацией.
Следующий шаг в вашем обучении — понимание важности программного обеспечения для управления цифровыми активами. Он помогает встраивать, организовывать и распространять контент YouTube. DAM от Canto интегрируется с YouTube, позволяя пользователям загружать и перекодировать свои видео. DAM каталогизирует и управляет видеофайлами, гарантируя, что пользователи могут загружать в свою библиотеку прямо из программного обеспечения DAM. Пользователям больше не нужно копаться в немаркированных данных и файлах, чтобы встроить в проект нужное видео YouTube.
Теперь, когда вы понимаете, как встраивать видео YouTube на различные платформы, упростите задачу с помощью Canto DAM.
Как добавить / встроить видео YouTube в сообщение или страницу WordPress (2021)
- Главная /
- Основы /
- Как добавить / встроить видео YouTube в сообщение или страницу с помощью нового редактора WordPress (2021)
- Кевин Малдун
- Последнее обновление:
Если вы хотите встроить видео YouTube в сообщение или страницу WordPress с помощью нового редактора WordPress, то вы попали в нужное место!
В этом руководстве мы покажем вам, как вставить видео YouTube в ваш контент с помощью нового редактора WordPress одним из трех способов.
Приступим…
Метод 1. Простое встраивание видео с YouTube
Самый простой способ встроить видео YouTube — использовать копирование и вставку.
Шаг 1. Скопируйте URL-адрес видео YouTube
Чтобы встроить любое видео YouTube в сообщение или страницу, вам необходимо знать URL-адрес видео.
Один из способов узнать это — нажать кнопку «Поделиться», которая отображается под каждым видео YouTube, после чего будет загружено окно с URL-адресом видео. Кроме того, вы можете просто скопировать URL-адрес видео из своего браузера.
Шаг 2. Вставьте URL-адрес видео YouTube
Одна из лучших особенностей нового редактора WordPress — то, что он упрощает процесс добавления контента.
Когда вы добавляете новую запись или страницу в WordPress, вы увидите сообщение «Начать писать или введите /, чтобы выбрать блок». (Если на странице уже есть контент, это сообщение будет отображаться в нижней части области холста.)
Возможно, вы уже знаете, что если вы начнете вводить текст в этом поле, WordPress автоматически создаст блок «Абзац».Возможно, вы не знаете, что таким способом можно легко встроить видео с YouTube.
Все, что вам нужно сделать, чтобы встроить видео YouTube, — это вставить URL вашего видео YouTube в поле «Начать писать».
WordPress автоматически создаст новый блок контента YouTube, используя URL-адрес видео, который вы вставили в область контента.
Это самый быстрый способ встроить видео YouTube в сообщение или страницу WordPress, но есть альтернативные методы.
Метод 2: встраивание видео YouTube с помощью блока YouTube
видеороликов YouTube также можно вставлять в сообщения и страницы с помощью блока YouTube.
Шаг 1. Скопируйте URL-адрес видео YouTube
Скопируйте URL-адрес вашего видео YouTube, который вы можете получить в браузере или с помощью кнопки «Поделиться», которая отображается под каждым видео YouTube.
Шаг 2. Нажмите кнопку «(+) Добавить блок»
В редакторе WordPress щелкните символ (+) в верхнем левом углу страницы. Это загружает все доступные блоки содержимого.
Шаг 3. Выберите блок YouTube
Выберите блок YouTube в разделе блоков «Встраивание» или найдите его, выполнив поиск по запросу «YouTube» в поле поиска вверху списка заблокированных.
Шаг 4. Введите URL-адрес вашего видео на YouTube
Введите URL-адрес вашего видео YouTube, а затем нажмите кнопку «Встроить». В результате ваше видео YouTube будет встроено в ваш пост или на страницу.
Метод 3. Встраивание видео YouTube с помощью видеоблока
Видеоблок WordPress также можно использовать для вставки видео.
Шаг 1. Скопируйте URL-адрес видео YouTube
Скопируйте URL-адрес вашего видео на YouTube из браузера или нажав кнопку «Поделиться» под видео.
Шаг 2. Нажмите кнопку «(+) Добавить блок»
Щелкните символ (+) в верхнем левом углу страницы, чтобы загрузить все доступные блоки.
Шаг 3. Выберите видеоблок
Выберите видеоблок в разделе «Общие блоки» списка блокировки. Кроме того, вы можете найти этот блок, выполнив поиск по запросу «Видео» в поле поиска вверху.
Шаг 4. Введите URL-адрес вашего видео на YouTube
Нажмите кнопку «Вставить из URL» и вставьте URL своего видео YouTube в поле.Когда вы нажимаете кнопку возврата, ваше видео YouTube будет встроено в ваш пост или страницу WordPress.
Часто задаваемые вопросы
А как насчет блока внедрения?
Блок встраивания работает так же, как блок YouTube — он просто запрашивает URL вашего видео YouTube, а затем создает из него блок YouTube.
Какой метод встраивания видео YouTube лучше всего?
Ни один из этих методов не лучше других — каждый из них создает блок YouTube из URL-адреса видео, поэтому способ создания блока не имеет значения.
Как добавить подпись?
Под вашим видео можно ввести подпись.
Текст можно форматировать разными способами — вы можете использовать полужирный шрифт, курсив, код и зачеркивание. Текст также можно преобразовать в ссылки, и вы можете вставить встроенные изображения.
Как изменить выравнивание и ширину видео?
Когда вы нажимаете на блок YouTube, вверху редактора WordPress отображается ряд кнопок выравнивания и ширины.
Отсюда вы можете выровнять видео по левому, центру или правому краю. Видео также можно сделать широкоформатными или полноразмерными.
Могу ли я изменить URL-адрес видео YouTube?
Да, можно.
Все, что вам нужно сделать, это выбрать блок YouTube, а затем щелкнуть значок карандаша в верхней части редактора WordPress. Это позволит вам снова ввести URL-адрес видео.
Довольно просто! Любые вопросы?
Кевин Малдун — профессиональный блогер, обожающий путешествия.Он регулярно пишет об интернет-маркетинге в своем личном блоге и активно рассказывает о технологиях на YouTube.пользовательских параметров встраивания YouTube и способы их реализации
Последнее обновление 5 мая 2020 г., автор: Sunny Staff
Пошаговое руководство по внедрению собственного кода встраивания YouTube
Картинка, стоящая тысячи слов. Что означает, что видео бесценно?
YouTube — самая популярная платформа социальных сетей на планете.И настоящее море видеороликов о кошках, трейлеров к фильмам и советов по макияжу. Он БОЛЬШОЙ, но как и The Mall of America — вы не могли бы просто оставить своего ребенка бродить там.
То же самое касается вашего бренда и маркетинга этого бренда вашим клиентам. Но вы можете встроить свои потрясающие видео с YouTube на свой собственный сайт.
Как только вы посмотрите ниже, вы увидите, что есть простые и бесплатные шаги, чтобы это произошло, а также руководство (нас!), Которое поможет вам в этом.
Presto, бесценное видео и довольные покупатели.Давай перейдем к делу.
Ух, что опять встраивание?
Не волнуйтесь, у вас нет глупых вопросов, поэтому давайте перейдем к первому: встраивание позволяет вам разместить фактическое видео, которое существует на веб-сайте потокового видео (например, YouTube), на странице вашего веб-сайта. Таким образом, вместо ссылки вы можете смотреть видео в статье, во всплывающем окне или в полноэкранном режиме на собственном веб-сайте — как вам нравится.
Во-первых, это просто, это приятно. Но это также важно, потому что размещение видео на вашем сайте — это калорийная еда с точки зрения пропускной способности.I.E. выплачивать все больше и больше своему хозяину (как известно любому казино, казино всегда выигрывает).
Итак, положитесь на YouTube, чтобы получать все больше и больше флажков в своих социальных сетях, сокращая при этом расходы на хостинг. А теперь найдите момент и поймите, какое прекрасное время для жизни сейчас.
Хорошо, класс в сеансе.
Встраивание = Easy-Peasy Lemon Squeezy
В древнем тексте рассказывается о тех днях, когда нужно было вставлять код YouTube для встраивания на свой сайт, чтобы сделать ссылку на YouTube.Хорошо, может быть, это было несложно, но теперь это совершенно и обескураживающе ЛЕГКО.
Перейдите к своему видео на YouTube. Нажмите кнопку ПОДЕЛИТЬСЯ (прямо под видео; рядом с ней есть маленькая стрелка).
Всплывающее меню содержит ссылки на социальные сети и значок EMBED <> слева. Не стесняйся, нажимай вставлять!
Посмотрите под списком.Это ваш встроенный код YouTube, готовый для копирования на ваш сайт. Нажмите кнопку КОПИРОВАТЬ, а затем перейдите на свой веб-сайт WordPress, чтобы разместить код для встраивания видео.
Различные режимы редактирования в WordPress
Здесь может возникнуть путаница, но если вы примете следующую часть, она пригодится вам при работе над контентом. WordPress имеет два разных «режима» редактирования — «Визуальный» и «Текстовый». Для вас важно использовать «текстовый» режим при вставке нового кода встраивания видео.Если вы вставите его в «визуальное» окно кода, вы увидите код, отображаемый на вашем веб-сайте, а не на видео. Попробуйте, и вы поймете, о чем я.
Давай, сайт не сломаешь;). После того, как вы правильно разместили код встраивания видео в окне редактора «текстового» режима, вы обнаружите, что переключившись на «визуальный» редактор, ваше видео будет отображать предварительный просмотр (даже в редакторе). Таким образом вы узнаете, что у вас есть сделал это правильно. Нажмите «Опубликовать» или «Обновить», и ваше новое видео будет готово для просмотра посетителями.
Теперь вы сертифицированный специалист по внедрению. А теперь иди выпей газировки.
Дальнейшая настройка параметров встроенного видео на YouTube
Давайте поднимемся на ступеньку выше. Настройка параметров встраивания видео YouTube для вашего веб-сайта позволяет вам контролировать, что пользователи делают с ним, и позволяет более точно настраивать то, что вы хотите, чтобы они видели. Теперь давайте посмотрим на некоторые из наиболее распространенных вариантов и их значение. Итак, вернитесь на YouTube и снова нажмите ПОДЕЛИТЬСЯ.
Затем щелкните значок «Вставить», чтобы открыть меню.Вы увидите четыре флажка (некоторые из них уже могут быть отмечены):
- Показать предлагаемое видео , которое отображается после завершения видео.
- Элементы управления проигрывателем шоу , что позволяет посетителям управлять воспроизведением видео и громкостью.
- Показать заголовок видео и действия проигрывателя ; в настоящее время он управляет функциями «Посмотреть позже» и «Поделиться», встроенными в видео.
- Включить режим повышенной конфиденциальности , который позволяет посетителям запрещать YouTube сохранять свою информацию.
A Start At checkbox позволяет указать, где вы хотите, чтобы видео начиналось, полезный инструмент, если вы хотите продемонстрировать определенный раздел.
Это все, что нужно для встраивания видео с YouTube на ваш сайт WordPress.
А как насчет похожих видео, которые появляются в конце видео YouTube?
Итак, вы дойдете до конца видео и всплывете несколько плиток видео, которые каким-то образом связаны с вашим. В большинстве случаев, даже если они каким-то образом связаны, не поддерживают ваше видео, не отвлекают посетителей и даже могут увести их с вашего сайта.Вы можете контролировать это (немного), но даже это поможет вам избежать появления каких-то странных связанных видео…
У вас есть две возможности удалить похожие видео в конце вашего видео на YouTube. Первый — вручную добавить немного кода. Для этого просто добавьте ? Rel = 0 в конце кода идентификатора видео. «Идентификатор видео» — это строка цифр и букв, которая следует за встроенной косой чертой (/). Важно знать, как определить идентификатор видео, поскольку это ключ к встраиванию видео на ваш сайт WordPress.См. Пример ниже.
/ code>
Второй вариант — использовать этот удобный инструмент от Classy Nemesis. Это полнофункциональный бесплатный веб-инструмент, очень похожий на тот, что есть на сайте YouTube, но с его помощью вы можете указать и щелкнуть мышью по всем параметрам встраивания YouTube. Подробнее об этом ниже в разделе Advanced Custom YouTube Editing.
WordPress также позволяет вставлять видео в боковую панель с помощью настройщика темы:- На панели управления WordPress перейдите к Внешний вид , Темы и Настроить .
- Выберите Настроить Виджеты и перейдите на боковую панель . (Некоторые темы предлагают несколько боковых панелей; убедитесь, что вы выбрали ту, которая вам нужна).
- Щелкните на боковой панели , затем на Добавить виджет .Введите Видео , если оно не появляется сразу в раскрывающемся меню.
- Щелкните значок видео, затем Добавить видео .
- Появится медиа-библиотека. Найдите кнопку Insert from URL на верхней левой боковой панели и щелкните.
- Вставьте URL-адрес вашего видео YouTube.
- Появится превью; нажмите Добавить в виджет .
- Добавить заголовок к видео; после сохранения и публикации заголовок появится над видео на указанной вами боковой панели.
Расширенное пользовательское редактирование YouTube с помощью вспомогательных инструментов
Возможно, вы заметили код в меню «Поделиться», который начинается с WordPress, такие как Youtube (sic) Widget Responsive и Simple YouTube Embed, упрощают расширенную настройку встраивания.Или вы можете использовать этот удобный инструмент от Classy Nemesis, также известного как инженер / разработчик Джонатан Прусик. Теперь вы знаете, как использовать YouTube для продвижения вашего бренда и привлечения клиентов — на вашем собственном сайте! Узнайте больше и прочитайте другие тематические статьи в нашем блоге. Обзор В D2L страница HTML создается при выборе Создать файл . Это хороший способ разместить на одной странице текст, изображения и / или видео.Чтобы встроить видео в HTML-страницу, перейдите к инструкциям для метода, который вы используете ниже: Конечный результат встраивания видео в HTML-страницу будет выглядеть примерно так… Шаг 1. Сначала перейдите к модулю, в котором вы хотите разместить страницу, и щелкните New, , затем Create a File . Примечание. Если у вас есть существующая страница, выберите Изменить HTML в раскрывающемся меню темы. Обратите внимание: Для достижения наилучших результатов убедитесь, что все видеофайлы находятся в формате .mp4 и все аудиофайлы в формате .mp3 . Если у вас есть какие-либо вопросы или вам нужна помощь в преобразовании файла, обратитесь в службу поддержки института. Чтобы вставить файл, который вы сохранили на своем компьютере … 1. Выберите Мой компьютер из списка меню слева. Добавить текст ссылки и альтернативный текст . Для вставки захваченного видео … Щелкните Вставка в нижнем левом углу. Чтобы вставить видео с YouTube … Щелкните Вставка в нижнем левом углу. Чтобы вставить видео по ссылке… Некоторые видео, найденные в Интернете, позволяют вам делиться видео по определенному URL-адресу или ссылке. Если в вашем видео есть такая возможность, вы можете использовать «Вставить ссылку». Щелкните Вставка в нижнем левом углу. Чтобы вставить видео с помощью кода внедрения … Встраивание видео в HTML | D2L Help
Шаг 2. Присвойте файлу Название и выберите опцию Insert Stuff .
2. Щелкните Обзор и выберите файл, затем щелкните Открыть.
3. Щелкните Загрузить.
Щелкните Insert.