Как вставить видео с Youtube на свой сайт и настроить дополнительные функции проигрывателя

Приветствую вас, друзья. Далее я расскажу вам, как вы можете разместить видеоролики YouTube на своем личном сайте. Честно говоря, каждый начинающий веб-мастер думал, что он может размещать видео на своих страницах, поскольку в этом нет ничего сложного. Однако на многих форумах я встречал похожие вопросы и вспомнил, что в начале своей карьеры веб-мастера я заполнил все 2 Гб своего хостинга видеофайлами, загрузил их на YouTube и оттуда начал вести блог. (Я, например, даже не знал, что такое возможно).

«Smart Partner» - Скрипт автозаработка и система продаж.
10 часов назад
Ниша дропшиппинга. Полный курс по Дропшиппингу
8 часов назад

#48#

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

Кроме того, задание органично вписывается в серию заметок о том, как записать видео с экрана, как загрузить видео на YouTube и как получить просмотры на YouTube. Существует конечное направление для видеоконтента.

Для чего вставлять видео на сайт

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

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

1. улучшить моменты действия

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

2. увеличить конверсию

На фоне кислых слов ваших оппонентов источник с видеороликами вызывает больше доверия. Это увеличивает количество подписчиков на рассылку и продажи.

3. дополнительная реклама

Мы все воспринимаем информацию по-разному. Кто-то любит слова, кто-то предпочитает видеоконтент. Различные варианты предоставления информации на нашем сайте включают как первый, так и последний.

Как можно вставить видео на сайт

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

  • Загрузите видеофайл на свой личный хостинг, вызовите видеоплеер и загрузите кадр прямо со своего сервера. Для простых сайтов, например, этот вариант не является оптимальным. Эти файлы занимают много места (десятки мегабайт) и нагружают сервер при одновременной передаче большому количеству посетителей.
  • Чтобы разместить ролики на видеохостинге (YouTube, Rutube) и транслировать их на своей странице, примените специальный код. Эта опция экономит место и снижает нагрузку на сервер, когда все серверы видеохостинга перегружены. Кроме того, YouTube имеет большую аудиторию и является полезным рекламным каналом.

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

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

Опять же, преимущество использования YouTube, о котором я не упомянул выше, — это возможность импортировать не только свои собственные видео, но и видео из-за рубежа. Если вы встраиваете иностранное видео, вам не нужно регистрировать его на YouTube, помимо всего прочего.

1. вариант обычного кода

Сначала откройте страницу с видео, которое вы хотите импортировать.

Под каждым видео есть блок с вариантами и инструкциями. В этом блоке нужно найти и нажать на ссылку «Поделиться».

Ниша дропшиппинга. Полный курс по Дропшиппингу
7 часов назад
Ниша дропшиппинга. Полный курс по Дропшиппингу
9 часов назад

#49#

В открывшейся панели нажмите на значок в виде двух стрелок и надписи ‘Embed’.

#50#

Youtube сразу же предоставит вам код для встраивания видео в один из стандартных форматов. Вы можете скопировать этот код и перейти к следующему шагу или внести некоторые дополнительные изменения (см. ниже). ~Единственными изменениями в текущей версии являются время начала показа видео, возможность встраивания кнопки управления и режим конфиденциальности. ~ Галочка на противоположной стороне панели управления и отображения названия видео позволяет встроить видео, содержащее все элементы. Если их удалить, панель кнопок (пауза, воспроизведение и полосы прокрутки) больше не будет видна. ~ Я никогда не включал режим конфиденциальности. Она не влияет на игрока, но связана со сбором системой информации о пользователе. ~После настройки всех элементов есть готовый код для встраивания, но не все знают, что есть и другие настройки, которые можно изменить только вручную в самом коде. ~2. Дополнительные (скрытые) настройки ~ размер плеера на странице ~ Это можно установить на сайте YouTube, но все это нужно сделать вручную на этапе кодирования. Эта настройка интуитивно понятна. ~Width Установить ширину, высоту, высоту. Вы можете указать любое значение, но рекомендуется соблюдать соотношения. Например, значение по умолчанию — 560 x 315. Это пропорционально 640 x 360. Если вы хотите, чтобы плеер растягивался на всю ширину вставляемого элемента, укажите width=»100%». ~YouTube autoplay~ «Используйте элемент &autoplay=»», чтобы включить или отключить автовоспроизведение видео на YouTube. Если за знаком равенства следует цифра 1, видео будет воспроизводиться автоматически. Если такой элемент отсутствует или равен 0, автовоспроизведение не включено. Вы можете настроить проигрыватель таким образом, чтобы видео начиналось не с самого начала, а с заранее указанной секунды. Для этого добавьте ‘#t=’. После знака равенства необходимо указать время (отдельные минуты, отдельные секунды). Для этого нужно: ~Добавить субтитры~ Русские субтитры включаются следующим кодом ‘&cc_lang_pref=en&cc_load_policy=1’. В инструкциях Youtube говорится, что язык субтитров нужно изменить с помощью cc_lang_pref. RU означает русский, но в своих экспериментах я обнаружил, что FR (французский) также отображает русские субтитры. Код выглядит следующим образом:~ Когда код будет готов, вставьте его на страницу. ~3. Вставьте код видео Youtube в HTML-файл вашего сайта ~ Откройте HTML-файл вашего сайта в текстовом редакторе (Notepad+, akelpad и т.д.). В коде найдите место, куда вы хотите вывести видео, и добавьте код, который вы извлекли ранее. Сохраните его на странице, и настроенный плеер будет создан. Давным-давно мы нашли страницу с видео, встроенным в HTML. Код выглядит следующим образом:~ 4. Установка кода YouTube в WordPress ~ Шаги для вставки кода в WordPress те же самые, за исключением того, что их легче выполнить. Чтобы вставить видео в сообщение, откройте встроенный редактор WordPress и переключитесь в режим «текст». Найдите подходящее место в посте и вставьте туда код плеера. Сохраните, и все должно работать. ~Еще проще вставить в виджет, поскольку здесь нет визуального редактора, всегда только код. Откройте редактор виджетов, вставьте код и сохраните его.

#51#

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

#52#

#53#

5. как разместить видео на Ucoz, Blogspot и Livejournal

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

Если размер видео, оставшийся после опции кода, не подходит вашему сайту (например, если вы изменили дизайн и уменьшили ширину боковой панели), вам не обязательно идти на Youtube и создавать новый код. Вы можете вручную изменить числа, отвечающие за ширину и высоту плеера (width=»560″ height=»315″). Просто найдите соответствующее соотношение.

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

Как разместить видео с Youtube на своем сайте?

Поделитесь ссылкой на YouTube.

ручка

Скопируйте код для вставки видео с YouTube на свой сайт

Черная карта Тинькофф

Конфигурация

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

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

#54#

#55#

ПАРТНЕРСКИЕ АВТОВОРОНКИ. Серьезные комиссии на полуавтомате.
6 часов назад
«ДЕНЕЖНЫЙ ВЫБОР» 280 000 в месяц на автомате
8 часов назад

Читайте также