Здравствуйте уважаемые читатели блога 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
Если вы можете, по проверьте пожалуйста, почему-то видео с Godtube не вставляется. Видимо они сменили настройки своего видеохостинга. Если у вас есть совет для меня как использовать этот плагин для этого хостинга, то пожалуйста напишите мне.
Попробуйте использовать более раннюю или более позднюю версию плагина. Если вы используете последнюю версию Video Embedder, но видео по прежнему не работает, то попробуйте установить одну из более ранних версий. Часто старые версии работают куда лучше чем новые.
Если ни один из вариантов не будет работать, то лучше подыскать новый плагин или же поискать способ вставки видео напрямую без использования каких-либо расширений.
У меня вопрос, как добавить видео на сайт с любого сайта на котором есть видео??
Это все не так просто, как кажется. С некоторых сайтов вам не удастся добавить видео. Тут есть множество моментов, которые стоит учитывать. Лучше используйте плагины или же вставляйте видео напрямую. Зачастую на сайтах предоставляют код для вставки роликов на страницы сайтов.
Здравствуйте! Большое спасибо за такую полезную информацию. Я создаю свой сайт, но очень трудно порой найти нужную информацию. У Вас все понятно и доступно. Спасибо еще раз.
Спасибо большое за отзыв! Рад, что мои статьи помогают Вам найти ответы на свои вопросы.
Спасибо огромное. Круто получилось с первого раза. ААА ликую…
Рад, что у вас все получилось. Буду очень признателен, если подпишетесь на новости блога.
Мой сайт на WordPress. Установил плагин Video Embedder (1.7.1) прямо с админ-панели, подкачиваю видео с ЮТ, однако кнопка «на весь экран», хотя и устанавливается «ручка», не активизируется?! И еще. Каким образом убрать возможность «перехода» в среду ЮТ? Собственно ради этого и поставил плагин с автономным плеером(?).
Спасибо!
Отправил Вам более подробное письмо на е-mail
Отписался по почте.
Также рекомендую попробовать напрямую добавлять ролики с ютуба через код, который можно получить сразу под видео. В этом случае никаких глюков с разверткой видео на весь экран быть не должно.
А можно вставить на сайт видео из контакта, используя данный плагин? Если да, то можно по-подробней!?
Я бы советовал вставлять видео с контакта напрямую. На каждой странице с видео есть возможность получить код для вставки этого самого видео на другие сайты. Просто копируете код и вставляете в статью в режиме HTML. Аналогичным образом можно добавлять видео с других видео хостингов, например, с YouTube.
Спасибо за обзор видеохостингов!
Анатолий, всегда рад помочь!
Здравствуйте. Помогите пожалуйста, у меня в теме на вордпрессе есть вкладка "популярное видео" Но я не могу им пользоваться. Как сделать так ,чтобы там просматривать то видео которое мне нужно?
С сайта smotri не хочет ни в какую добавляться видео
Сергей, здравствуйте. К сожалению, без наглядного примера ничем не могу помочь. Нужно смотреть тему, ее исходный код и т.д. — — — Вадим, рекомендую попробовать вставить видео напрямую.
Коряво работает с Ю-Туб: при вставке плагином не распахивает видео на весь экран!
Какой плагин можно использовать в качестве аналога, где используется такая же конструкция для вставки видео? После обновления вордпресса перестал работать.
Игорь, скорее всего придется вручную дорабатывать неработающий плагин либо разрабатывать собственное решение с учетом используемых шорткодов. В дальнейшем рекомендую не прибегать к помощи плагинов и добавлять видео на сайт при помощи кода для вставки видео, который предоставляет большинство видеохостингов.