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


Еmbed youtube video

youtube У многих начинающих блоггеров при оформлении блога и написания статей возникает вопрос- как разместить видео на сайте или блоге. Для этого используется плагин Word Press который называется Video Embedder. Этот плагин позволяет добавлять код различных видео, таких как- You Tube, Wimeo и других популярных сервисов.

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

Давайте рассмотрим по порядку, как  это можно реализовать самостоятельно.

Вначале нужно скачать сам плагин- Video Embedder. Скачать можно вот по этой ссылке- http://wordpress.org/extend/plugins/video-embedder/ ( копируем ссылку и вставляем в буфер обмена). Далее все стандартно- устанавливаете архив плагина через админ панель блога или же извлекаете папку из архива, и с помощью FTP- клиента, добавляете папку на хостинг. Как работать с FTP- клиентом можно посмотреть здесь.

После установки плагина его нужно активировать и можно приступать к настройкам.

 Еmbed youtube video

Заходим в раздел Параметры--->Video Embedder.

 Еmbed youtube video

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

 Еmbed youtube video

В примере показано что для установки Вам нужно взять код-1 и вставить этот код  видео на блоге- 2, в том  месте на Вашем ресурсе, где требуется.

 Еmbed youtube video

Верхние настройки менять не нужно. Единственное что Вы можете менять- это размер видео.

 Еmbed youtube video

Для того чтобы взять код видео на You Tube, видео нужно туда закачать

или взять то  которое Вам нужно. Вначале устанавливаем тег You Tube  в статью, отцентровать размещение видео можно здесь же в панели.

 Еmbed youtube video

Идем на You Tube и из адресной строки копируем часть адреса после символа =.

 Еmbed youtube video

Эту конструкцию вставляем в тег You Tube.

 Еmbed youtube video

Далее обновляем статью и просматриваем видео не блоге.

Теперь разберемся как вставить видео в сайдбар. Темы оформления бывают разные, но принцип установки одинаков. Для этого нужно взять HTML- код для вставки. Снова заходим на You Tube. Нажимаем Поделиться, далее HTML-код, копируем код.

 Еmbed youtube video

В админ панели заходим- Внешний вид -->Виджеты. Берем чистый виджет Текст и располагаем на место размещения видео. Вставляем код.

 Еmbed youtube video

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

С Уважением, Александр Клюев.

pro-infobusiness.ru

Как разместить видео на сайте WordPress | Советы веб-мастера

Как вставить видео на сайтУважаемые друзья, рад Вас снова приветствовать на моем сайте Советы веб-мастера и сегодня хочу рассказать как разместить видео на сайте WordPress без плагинов и тем самым избавиться еще от одного лишнего расширения и немного разгрузить наш ресурс, самое главное чтобы нужный видеоролик находился на сервисе www.youtube.com. Для этого надо либо найти подходящий ролик на сайте youtube.com или загрузить свое видео на свой канал. Для того чтобы загрузить видео на свой канал, надо пройти регистрацию на сайте  www.youtube.com, авторизироваться и далее на своем канале нажать ссылку «Добавить видео» после загрузки ролика необходимо сделать следующие действия, нажать на нужный ролик и далее нажать на кнопку «ОТПРАВИТЬ» расположенную под видео, далее кнопка «ВСТРОИТЬ» или «Сгенерировать HTML-код» ниже выбираем подходящий размер видео и копируем полученный код для вставки на сайт.

нажмите на картинку для увеличения:

Как добавить видео на сайт без плагина

Далее копируем полученный код и идем в панель управления сайтом, заходим в редактор статьи и в нужном нам месте вставляем полученный код, но обязательно во вкладке HTML а не в визуальном редакторе, иначе видео не будет работать. Также у некоторых будет работать только старый код, поэтому прилагаю инструкцию, как вставить видео используя старый код:

Использование старого кода встраивания
Для видео YouTube доступно два стиля кодов встраивания. Новый код встраивания начинается с текста «<iframe...» и поддерживает как Flash, так и видео HTML5. Код встраивания в старом стиле начинается с текста «<object...» и поддерживает только видео Flash.

Некоторые службы поддерживают только старый код встраивания «<object...». Если код встраивания «<iframe...» был отвергнут сайтом, в качестве временного решения рекомендуется использовать старый код «<object...».

Чтобы создать код встраивания «<object...», выполните следующие действия.

  1. Нажмите кнопку «Встроить» под видео.
  2. Установите флажок «Использовать старый код встраивания».
  3. Затем скопируйте код в поле «Встроить».
  4. Добавьте код встраивания на сайт независимого разработчика.

Если в вашем браузере включена поддержка файлов cookie, флажок в поле «Использовать старый код встраивания» потребуется установить только один раз, так как браузер запомнит настройки и будет использовать их при создании кодов встраивания в будущем.

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

 Жду Ваших комментариев к данной статье.

Кстати, можете ознакомиться конкурс поздравлений с 23 февраля пора задуматься о следующих праздниках и возможно самим принять участие в конкурсе.

Рубрика: Как сделать сайт

Загрузка...

Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей

sovetywebmastera.ru

Как разместить видео на сайте c помощью сервисов RuTube и YouTube

Видеоматериалы на сайте – не редкость, а скорее уже закономерность.

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

Появляется все больше порталов, предлагающих просмотр фильмов в режиме онлайн и т.д.

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

Сервис RuTube

Чтобы использовать сервис RuTube, нужно пройти простую регистрацию. Она предельно проста, достаточно указать адрес своей электронной почты и ввести защитный код, подтверждающий, что вы не робот.

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

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

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

html код видео с RuTube

Дальше просто – копируете код плеера и вставляете на свой сайт. Размеры (высоту и ширину плеера) можно изменять.

Сервис YouTube

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

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

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

загрузка видео на youtube

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

Код для вставки на сайт можно получить так: Поделиться/HTML-код.

html код видео с YouTube

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

imarketing.com.ua

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

Существует несколько способов, как добавить видео на сайт. Это улучшит качество контента, сделает материал более визуализированным и привлечет большее количество пользователей. Давайте рассмотрим основные способы того, как выложить видео на своем сайте.

Видео со специализированного ресурса

В интернете существует целый ряд сайтов, которые направлены на «коллекционирование» видеоматериалов. Наиболее популярный из них - это Youtube. Чтобы добавить на Youtube свое видео, вы должны пройти простую процедуру регистрации. После регистрации вы получите свой канал (персональный профиль). На него вы сможете загружать все необходимые материалы.

Под каждым видео на Youtube есть специальный фрагмент кода. Его необходимо скопировать и потом уже вставить в нужное место своего сайта. Делается это, как правило, от имени администратора, а сама страница редактируется в режиме html-разметки. В результате у вас должна получиться страница, на которой вставлено видео.

Видео через плагины для CMS

Каждая CMS предлагает свои плагины для размещения видео. В качестве примера мы рассмотрим WordPress. Для этой CMS можно использовать плагин TubePress. Подробности работы с данным плагином вы сможете найти на сайте автора: tubepress.com. Там же можно разгрузить плагин, в том числе, и бесплатную версию.

Другой пример CMS - Joomla. Для нее можно использовать плагин allvideos. С его помощью также можно легко разместить видеоматериалы на своем сайте.

Видео с собственного хостинга

Можно не пользоваться сторонними ресурсами и загрузить видео на собственный сервер. Необходимо учесть размер видео, чтобы пользователь смог воспроизвести видео при своей скорости интернета. К тому же следует перекодировать ролик в общепринятый кодек. И наконец, вам потребуется видеопроигрыватель, например, Flowplayer.

Html-код будет содержать теги <script> и <a href>. Все атрибуты и параметры вы должны будете выставить самостоятельно.

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

Ответ на вопрос, как загрузить видео, также дан в разделе "Вопросы и ответы" нашего сайта: Как добавить видео на свой сайт.

elhow.ru