Как разместить ссылку видео у себя на сайте

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Привет! Вдруг, вам понадобится такая манипуляция по загрузке своего видео на видеохостинг Rutube с последующей встройкой его на сайт Вордпресс в статью или на страницу. А у вас уже будет под рукой моя инструкция.

Что важно знать про использование Rutube для размещения видео?

1. Тут есть модерация. Да, они проверяют ролики перед публикацией у себя на платформе – что может занимать несколько часов и долее. И да, не все видео проходят модерацию. У меня не прошло видео про пополнение баланса на криптобирже Binance и покупке USDT, хотя Ютуб все прекрасненько пропустил…

2. Если видео с ограниченным доступом по ссылке – то встроить на внешний сайт его не получится. Только публичный доступ.

Ниже вы можете посмотреть мою инструкцию в видеоформате:

Регистрация на Rutube и добавление видео

Чтобы использовать площадку для размещения видео, понадобится регистрация по email или номеру телефона.

Как разместить видео на сайте | Уроки HTML, CSS

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Аналогично с Ютуб здесь создается видеоканал, на котором размещаются ваши ролики. Для канала можно добавить аватарку, обложку, описание.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Нажмите на скриншот, чтобы увеличить

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Пример, как выглядит канал на Rutube:

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Есть студия Rutube (аналог творческой студии Ютуб) – где вы можете управлять вашими видео – статистика, редактирование, создание плейлистов и т.п.

Как оплатить налоги онлайн на сайте

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Для редактирования ролика нужно нажать на него в списке опубликованных видео.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Для загрузки видео нажмите вверху по кнопочке «Добавить».

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Нажмите на скриншот, чтобы увеличить

Есть определенные требования к загружаемому видео – длительность не должна превышать 5 часов и веса 10 гб. Одновременно можно загрузить до 5 видео.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

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

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Пока идет процесс загрузки и обработки, заполните название, описание, добавьте обложку (размер по ширине кадра видео), выберите тематическую категорию , возрастную категорию (опционально) и тип доступа.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Ролик опубликуется и уйдет на модерацию, о чем вы также получите письма на email. И когда пройдет/не пройдет модерацию также приходит письмо.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как скопировать код для встройки видео на свой сайт?

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

Как это сделать?

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

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Перейдите по ссылке на этот ролик.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

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

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

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

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как разместить видео с Rutube в статье или на странице Вордпресс-сайта?

Давайте рассмотрим пример встраивания ролика в статью (запись). Для начала создам новую запись на своем сайте.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

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

Как убрать сохранить пароль для этого сайта

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

В библиотеке блоков выбрать блок с названием «Произвольный HTML».

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

В него встроить код видеоролика, который вы скопировали в Rutube (как показано чуть выше в статье).

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Сохранить, опубликовать статью и вуаля.

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Кстати, плеер Rutube в отличие от Ютубовского минималистичнее и на нем нет лого сервиса, уводящего на Rutube. Это плюс)))

Как загрузить видео на Rutube и встроить на свой сайт Вордпресс

Как видите, разместить видео на Rutube и встроить в статью довольно просто. Главное – дождаться, когда его промодерируют.

Источник

Быстрый способ загрузить видео на сайт WordPress

Быстрый способ загрузить видео на сайт WordPress

Размещение видео контента на сайте с каждым днём становится всё более популярным, поэтому в этой статье я расскажу, как делается вставка видео в WordPress.

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

Вставка с YouTube или Vimeo

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

При этом вы можете как загрузить своё видео, так и вставить одно из тех которые там уже есть.

Для вставки видео с YouTube или Vimeo на сайт WordPress вам нужно:

  1. 1. Загружаем материал на видеохостинг или выбираем там нужный ролик.
  2. 2. Копируем ссылку, по которой этот материал будет располагаться.
  3. 3. Возвращаемся к своему сайту и создаем новую запись или страницу.
  4. 4. Вставляем эту ссылку на вкладку «Текст».
  5. 5. Нажимаем «Опубликовать».

вставка видео

Вот и все видеоматериал успешно размещен на вашем сайте.

Минусом данного способа является то, что вы не можете влиять на размеры видео.

Браузер который мало ест оперативной памяти

Есть также и другой способ вставки роликов с YouTube. Для него нужно:

  1. 1. Открыть ролик, которое вы хотите опубликовать
  2. 2. Под ним нажать на ссылку «Поделиться», а дальше перейти на вкладку «HTML-код».
  3. 3. Скопировать фрагмент кода, который там есть и вставить к себе на сайт.

Вставка видео с YouTube

Код вставки будет выглядеть приблизительно так:

Здесь width – это ширина ролика в пикселях, а heigh – высота. При желании эти размеры можно изменить.

Сам ролик у вас на сайте будет выглядеть так:

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

Здесь вы можете:

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

Достоинства данного способа:

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

Недостатки:

  • процесс загрузки нового ролика отнимает дополнительное время.

Вставка видео из файла в WprdPress.

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

К счастью разработчики WordPress предусмотрели такую возможность и делается это очень просто.

Пошаговая инструкция вставки видео из файла на WordPress:

    1. При создании страницы или записи нажимаем конку «Добавить медиафайл»

вставка медиафайла wordpress

55

Здесь же при необходимости можно создать плейлист

вставка видео из файла

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

[ video width = «1280» height = «720» mp4 = «//impuls-web.ru/wp-content/uploads/2019/04/Приколы-про-котов-с-ОЗВУЧКОЙ-от-Domi-Show-–-СМЕШНЫЕ-коты-и-кошки-2018.mp4» ] [ / video ]

Здесь при необходимости можно изменить высоту и ширину плеера.

Положительные моменты вставки видео из файла:

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

!Если на вкладке «Визуально» вы нажмёте на видео, а потом на появившийся сверху по центру карандаш, то получите доступ к настройкам плеера.

Как в стиль добавить свой шрифт на сайт

настройки видео wordpress

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

Минусы данного способа:

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

Подводим итог.

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

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

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

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

Если в процессе реализации одного из рассмотренных способов у вас возникнут проблемы – не стесняйтесь и задавайте их в комментариях. Я обязательно отвечу.

Спасибо за то, что прочитали мою статью! Надеюсь, что она стала полезной находкой для вас. Если так, подписывайтесь на мой блог, делитесь статьей в социальных сетях и заходите ко мне почаще. До скорой встречи!

Источник

Размещаем видео с YouTube на сайте

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

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

Как убрать все треки из Яндекс музыки

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

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

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

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

Для примера рассмотрим размещение видеоролика на YouTube. Нам потребуется выбрать подходящее видео, предварительно загрузив его на свой канал, либо взяв подходящее видео. Каждому видеоролику присваивается свой ID, который следует поместить между тегами, как показано в указанном месте на рисунке.

После этого, в месте размещения кода появится видео. Точно так же можно разместить у себя на сайте видео с других сервисов видео. Список их приведен в установках плагина Video Embedder, к примеру с Vimeo.

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

Как узнать какой ID присвоен тому или иному видео? Ниже я привел скриншот, где выделил набор из цифр и букв в адресе, который присваивается каждому ролику:

Теперь, более менее все прояснилось, и вопрос как разместить видео на сайте не представляет у вас сложностей. А размещенное видео соответственно улучшит поведенческие факторы на сайте и как следствие увеличится посещаемость.

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

В результате, если все было сделано верно, у вас в месте размещения видеоролика будет стоять код следующего содержания:

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

Источник
Рейтинг
Загрузка ...