Вставка видео на сайт WordPress. Плагин Video Embedder

Logo
Вставка видео на сайт Wordpress. Плагин Video Embedder

Здравствуйте уважаемые читатели блога dmitriydenisov.com. Это статью я хочу посвятить видео для сайта Worpdress, а точнее я расскажу вам об очень полезном плагине под названием Video Embedder. Данное расширение позволит вам добавлять видео из самых популярных видеохостингов прямо на свой сайт WordPress.

Как добавить видео на сайт WordPress. Плагин Video Embedder

Добавлять видео на сайт WordPress мы будем при помощи специального плагина Video Embedder. Данное расширение позволяет очень просто и без особых усилий добавлять видео на свой сайт из самых популярных видеохостингов, таких как YouTube, RuTube, Google Video и т.д. Все что вам понадобится для этого, это идентификатор интересующего вас видео. Теперь давайте перейдем к установке плагина Video Embedder.

Итак, первым делом нужно скачать последнюю версию плагина Video Embedder. Сделать это можно на официальном сайте WordPress или же вы можете воспользоваться моей версией плагина Video Embedder, перейдя по этой ссылке. Затем, как обычно, распаковываем архив и копируем содержимое в директорию \wp-content\plugins\, после чего переходим в Административную панель – Плагины, находим плагин Video Embedder и активируем его.

Теперь давайте рассмотрим, как добавить видеофайлы в статьи на сайте WordPress. Делается это очень просто. Для примера возьмем видео с YouTube. Для этого перейдем на страницу с роликом и скопируем его идентификатор. Идентификатором в этом случае будет та часть адреса, которая находится в адресной строке после «?v=», например:

http://www.youtube.com/watch?v=rnAFMknGmak

Как вы уже догадались, в данном случае идентификатором будет «rnAFMknGmak». Затем копируем этот идентификатор и создаем новый материал или открываем на редактирование уже существующий и в то место, где мы хотим видеть видеоплеер с видеороликом, добавляем следующий код:

[youtube]rnAFMknGmak[/youtube]

Код будет зависеть от источника видеоролика. Более детальную инструкцию по добавлению видеороликов из разных видеохостингов вы можете узнать в настройках плагина Video Embedder. Для этого преходим в Административную панель – Параметры – Video Embedder. В результате у вас откроется окно примерно следующего вида:

Здесь вы можете задать ширину видео, высоту видео, а также теги для разных видеохостингов. На фотографии видно лишь 4 видоехостинга, но на самом деле плагин позволяет добавлять видео более чем с 20 самых популярных видеохостингов. Итак, если вы хотите изменить код вызова для какого-то видеоплеера на своем сайте, вам нужно изменить его тег в настройках плагина Video Embedder. Например, мы часто используем видеохостинг YouTube и хотим вызывать его при помощи другого кода, такого как этот:

Для этого заходим в настройки плагина Video Embedder, находим там видеохостинг YouTube и заменяем его стандартный тег «youtube» на свой. В данном случае это «video». Надеюсь, вы поняли всю суть этой настройки, и теперь мы переходим к завершению статьи.

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

Инструкция по добавлению видео на сайт WordPress с популярных видеохостингов

RuTube — для вставки видео-ролика RuTube используйте выделенную красным часть ссылки: http://video.rutube.ru/5218b8aea4968b29ea8c69213b690131. Брать эту ссылку в меню Коды ролики\код плейера на странице ролика (так как иногда в ссылке нет параметра «?v=», а именно он нужен для вставки видео-ролика).

Наберите [rutube]5218b8aea4968b29ea8c69213b690131[/rutube] в редакторе, чтобы вставить видео на сайт.

Smotri.com — Для вставки видео-ролика Smotri.com используйте выделенную красным часть ссылки: http://smotri.com/video/view/?id=v473798e854.

Наберите [smotri]473798e854[/smotri] в редакторе, чтобы добавить видео на сайт.

Youtube — Для вставки видео-ролика Youtube используйте выделенную красным часть ссылки: http://www.youtube.com/watch?v=zORv8wwiadQ

Наберите [youtube]zORv8wwiadQ[/youtube] в редакторе, чтобы добавить видео на сайт.

Google Video — Для вставки видео-ролика Google Video используйте выделенную красным часть ссылки: http://video.google.com/videoplay?docid=6063985264803214006

Наберите [google]6063985264803214006[/google] в редакторе, чтобы добавить видео на сайт.

Metacafe — Для вставки видео-ролика Metacafeиспользуйте выделенную красным часть ссылки: http://www.metacafe.com/watch/975366/secrets_of_google_earth/

Наберите [metacafe]975366/secrets_of_google_earth[/metacafe] в редакторе, чтобы добавить видео на сайт.

Liveleak — Для вставки видео-ролика Liveleak используйте выделенную красным часть ссылки: http://www.liveleak.com/view?i=d62_1594640234

Наберите [liveleak]d62_1594640234[/liveleak] в редакторе, чтобы добавить видео на сайт.

Revver — Для вставки видео-ролика Revver используйте выделенную красным часть ссылки: http://revver.com/video/527514/

Наберите [revver]527514[/revver] в редакторе, чтобы добавить видео на сайт.

IFILM — Для вставки видео-ролика IFILM используйте выделенную красным часть ссылки: http://www.ifilm.com/video/3521648

Наберите [ifilm]3521648[/ifilm] в редакторе, чтобы добавить видео на сайт.

Myspace — Для вставки видео-ролика Myspace используйте выделенную красным часть ссылки: http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=56884863

Наберите [myspace]56884863[/myspace] в редакторе, чтобы добавить видео на сайт.

Blip.tv — Для вставки видео-ролика Blip.tv используйте выделенную красным часть ссылки: http://blip.tv/file/254683

Наберите [bliptv]254683[/bliptv] в редакторе, чтобы добавить видео на сайт.

CollegeHumor — Для вставки видео-ролика CollegeHumor используйте выделенную красным часть ссылки: http://www.collegehumor.com/video:3567863

Наберите [college]3567863[/college] в редакторе, чтобы добавить видео на сайт.

Videojug — Для вставки видео-ролика Videojug используйте выделенную красным часть ссылки:: <object classid=»clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=»http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0″ width=»400″ height=»345″ align=»middle»><param value=»http://www.videojug.com/film/player?id=3ff6e533-5eaf-4ff8-540e-02334f7ac808» /><embed src (…)

Наберите [videojug]3ff6e533-5eaf-4ff8-540e-02334f7ac808[/videojug] в редакторе, чтобы добавить видео на сайт.

Godtube — Для вставки видео-ролика Godtube используйте выделенную красным часть ссылки: http://www.godtube.com/view_video.php?viewkey=83abb6308b8842ca6f1f

Наберите [godtube]83abb6308b8842ca6f1f[/godtube] в редакторе, чтобы добавить видео на сайт.

Veoh — Для вставки видео-ролика Veoh используйте выделенную красным часть ссылки: http://www.veoh.com/videos/v1683095mYFrF3Xc

Наберите [veoh]v1683095mYFrF3Xc[/veoh] в редакторе, чтобы добавить видео на сайт.

Break — Для вставки видео-ролика Break используйте выделенную красным часть ссылки: <object width=»464″ height=»392″><param name=»movie» value=»http://embed.break.com/NDExNjU2«></para…

Наберите [break]NDExNjU2[/break] в редакторе, чтобы добавить видео на сайт.

Dailymotion — Для вставки видео-ролика Dailymotion используйте выделенную красным часть ссылки: http://www.dailymotion.com/video/xoh8j_monty-python-dead-parrot-sketch_family

Наберите [daily]xoh8j[/daily] в редакторе, чтобы добавить видео на сайт.

Movieweb — Для вставки видео-ролика Movieweb используйте выделенную красным часть ссылки: http://www.movieweb.com/video/V07L3flnvxMUWY

Наберите [movieweb]V07L3flnvxMUWY[/movieweb] в редакторе, чтобы добавить видео на сайт.

Jaycut — Для вставки видео-ролика Jaycut используйте выделенную красным часть ссылки: http://jaycut.se/mix/2493/preview

Наберите [jaycut]2493[/jaycut] в редакторе, чтобы добавить видео на сайт.

Myvideo — Для вставки видео-ролика Myvideo используйте выделенную красным часть ссылки: http://www.myvideo.de/watch/3033737

Наберите [myvideo]3033737[/myvideo] в редакторе, чтобы добавить видео на сайт.

Vimeo — Для вставки видео-ролика Vimeo используйте выделенную красным часть ссылки: http://www.vimeo.com/367351

Наберите [vimeo]367351[/vimeo] в редакторе, чтобы добавить видео на сайт.

Gametrailers — Для вставки видео-ролика Gametrailers используйте выделенную красным часть ссылки: http://www.gametrailers.com/player/32532.html

Наберите [gtrailer]32532[/gtrailer] в редакторе, чтобы добавить видео на сайт.

Viddler — Для вставки видео-ролика Viddler используйте выделенную красным часть ссылки: <object classid=»clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=»437″ height=»370″ id=»viddler»><param value=»http://www.viddler.com/player/6708b741/» /><param name

Наберите [viddler]6708b741[/viddler] в редакторе, чтобы добавить видео на сайт.

Snotr — Для вставки видео-ролика Snotr используйте выделенную красным часть ссылки: http://www.snotr.com/video/1046

Наберите [snotr]1046[/snotr] в редакторе, чтобы добавить видео на сайт.

Quicktime — Для вставки видео-ролика Quicktime просто заключите ссылку ролика в соответствующие теги

Наберите [quicktime]http://www.yoursite.com/path/file.mov[/quicktime] в редакторе, чтобы встроить видео.

Windows Media Player — Для вставки видео-ролика Windows Media просто заключите ссылку ролика в соответствующие теги

Наберите [windowsmedia]http://www.yoursite.com/path/file.wmv[/windowsmedia] в редакторе, чтобы встроить видео.

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

Удачи вам и до скорых встреч на страницах блога dmitriydenisov.com

Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter

Комментарии 20

  • Сергей

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

  • Дмитрий

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

  • Spekter

    У меня вопрос, как добавить видео на сайт с любого сайта на котором есть видео??

  • Дмитрий

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

  • Марина

    Здравствуйте! Большое спасибо за такую полезную информацию. Я создаю свой сайт, но очень трудно порой найти нужную информацию. У Вас все понятно и доступно. Спасибо еще раз.

  • Дмитрий

    Спасибо большое за отзыв! Рад, что мои статьи помогают Вам найти ответы на свои вопросы.

  • Ольга

    Спасибо огромное. Круто получилось с первого раза. ААА ликую…

  • Дмитрий

    Рад, что у вас все получилось. Буду очень признателен, если подпишетесь на новости блога.

  • Олег Голиков

    Мой сайт на WordPress. Установил плагин Video Embedder (1.7.1) прямо с админ-панели, подкачиваю видео с ЮТ, однако кнопка «на весь экран», хотя и устанавливается «ручка», не активизируется?! И еще. Каким образом убрать возможность «перехода» в среду ЮТ? Собственно ради этого и поставил плагин с автономным плеером(?).
    Спасибо!
    Отправил Вам более подробное письмо на е-mail

  • Дмитрий

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

  • Кристина

    А можно вставить на сайт видео из контакта, используя данный плагин? Если да, то можно по-подробней!?

  • Дмитрий

    Я бы советовал вставлять видео с контакта напрямую. На каждой странице с видео есть возможность получить код для вставки этого самого видео на другие сайты. Просто копируете код и вставляете в статью в режиме HTML. Аналогичным образом можно добавлять видео с других видео хостингов, например, с YouTube.

  • Анатолий

    Спасибо за обзор видеохостингов!

  • Дмитрий

    Анатолий, всегда рад помочь!

  • Сергей

    Здравствуйте. Помогите пожалуйста, у меня в теме на вордпрессе есть вкладка "популярное видео" Но я не могу им пользоваться. Как сделать так ,чтобы там просматривать то видео которое мне нужно?

  • Вадим

    С сайта smotri не хочет ни в какую добавляться видео

  • Дмитрий

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

  • Евгений

    Коряво работает с Ю-Туб: при вставке плагином не распахивает видео на весь экран!

  • Игорь

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

    • Дмитрий

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

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

отменить ответ