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

Код для встраивания видео представляет собой строку кода, содержащую данные видео: его URL-адрес, размер и имя, а также другие переменные. Эти коды позволяют отображать видеоконтент в вашем блоге и на целевых страницах. И вам определенно нужен видеоконтент в вашем блоге и на целевых страницах — исследование Wistia показало, что видео увеличивает время сеанса в 2,6 раза.

Вам нужно научиться настраивать и вставлять видеокоды из любого источника, чтобы обеспечить плавное воспроизведение видео. Незнание того, как правильно встроить код, может привести к размещению невосприимчивого видео, которое зрители не смогут посмотреть или поделиться. Эти три шага выходят за рамки обычных советов «скопировать и вставить» и научат вас, как вставлять видео, которые выделяются в ваши статьи.

1. Выберите, где вы будете размещать свое видео.

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

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

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

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

2. Найдите код для встраивания видео.

Некоторые CMS позволяют вставлять видео без кода для встраивания. Все, что вам нужно сделать, это вставить URL-адрес видео, и CMS вставит его на ваш сайт. Хотя это удобно, лучше поискать видео и его код для встраивания вручную. Доступ к коду позволяет вам представить свое видео так, как вы хотите.

Полный контроль над кодом для встраивания позволяет обеспечить приятное впечатление от просмотра на разных устройствах. Упрощение просмотра видео очень важно для повышения рейтинга вашей страницы в Google. Их Web Vitals измеряет, насколько легко просматривать вашу страницу. Когда зрители не могут играть или нажимать кнопку из-за ее местоположения, Google может понизить ваши статьи.

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

3. Настройте внешний вид и воспроизведение вашего видео.

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

вид

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

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

Вы можете изменить размер видео и цвета проигрывателя, отредактировав код. Чтобы изменить размер, перейдите к коду встраивания и найдите «width=» и «height=». Выберите размер, который покрывает большую часть экрана вашего веб-сайта, чтобы сделать его видимым. В большинстве случаев достаточно ширины 1280 пикселей и высоты 720 пикселей.

Встроенный код стиля может настроить цвет вашего видеоплеера и его границы. Измените эти элементы, предварительно найдя в коде слово «iframe». Этот текст представляет собой строку кода, которая встраивает другой документ в файл HTML. Затем вставьте style=”border: 5px solid #AAA; сразу после него. Число перед «px» указывает ширину границы, а три буквы после состояния # определяют цвет границы в цветовых кодах HTML.

Настройки плеера

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

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

Параметры встраивания YouTube позволяют редактировать минуту начала видео без написания строк кода. Перейдите в «Поделиться», «Встроить», установите флажок «Начать с» и напишите время, когда должно начаться ваше видео. Люди за пределами YouTube обычно могут установить время начала в параметрах встраивания.

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

Вы можете зациклить свое видео в большинстве хостингов, установив флажок в параметрах встраивания. Если вы размещаете видео на YouTube, найдите веб-адрес после «src=» в коде для встраивания — эта строка кода является исходным URL-адресом.

Затем найдите идентификатор видео — буквенно-цифровые буквы после «/ embed /». Напишите «?playlist=[ID видео] &loop=1» рядом с последней цифрой вашего идентификатора видео, и с этого момента ваше встроенное видео будет зацикливаться.

Вставьте видео, сделанные Vyond, на свой веб-сайт

Vyond — это интуитивно понятное программное обеспечение для анимации, которое сотрудники отдела маркетинга, управления персоналом, обучения и разработки могут использовать для создания привлекательных видеороликов. Эти видеоролики сокращают время регистрации на 67 %, повышают конверсию на тот же процент и увеличивают количество просмотров видео на 375 %. С шаблонами Vyond любой, независимо от опыта работы с видео-анимацией, может получить огромную пользу от использования видео.

Начать бесплатную пробную версию