Как вставить видео ролик на сайт WordPress? Для этого есть отличный плагин Video Embedder
Опубликовано: 05.09.2018
Доброго всем времени суток! Приветствую вас на страницах блога SEOBID.NET! Не все веб-мастера четко представляют себе, как добавить видео в wordpress . А между тем, когда-нибудь это знание вам понадобится, а кому-то оно будет просто необходимо. Я имею в виду тех, кто захочет сделать видеоблог. Есть несколько довольно простых способов, как вставить видео в вордпресс , и я о них сегодня расскажу.
Уже давно был разработан специальный плагин для вставки видео — Video Embedder. Этот модуль позволяет просто и без усилий добавить практически любое видео на сайт из популярных видеохостингов. Это может быть и YouTube, и RuTube, и Google Video, и другие видеосервисы. Все, что вам потребуется — знать идентификатор видеоролика. Как вы понимаете, для каждого видеохостинга он свой.
Настройка плагина Video Embedder
Как устанавливать любые плагины, и Video Embedder в том числе, я писал здесь . Настраивать wordpress плагин для вставки видео необходимо после его активации. Все настройки вы найдете во вкладке «Настройки» — «Video Embedder».
Здесь плагин предоставляет вам возможность вставлять видео из 25 (!)видеохостингов! Я на скриншоте показал только часть всех настроек — они идентичны для все видеохостингов. Думаю, теперь проблем с тем, как добавить видео в wordpress , у вас не будет.
Теперь давайте подробнее изучим, как происходит работа с wordpress видео плагином, и как добавлять видеоролики в записи на блоге WordPress. Сделать это несложно. В качестве примера я возьму видеоролик с самого распространенного видеохостинга YouTube.
Вам нужно попасть на страницу с видеороликом и скопировать в буфер обмена его идентификатор ID. Идентификатор в нашем случае — часть адреса, которая пишется в адресной строке после символов «?v=»:
http://www.yоutubе.cоm/wаtch?v=rnАFМGmаkВ этом примере идентификатор — код «rnAFMknGmak». Его необходимо скопировать, и при создании/редактировании нового материалов в нужное место вставить этот код, чтобы роявился видеоплеер с видеороликом, заключенный в такие тэги:
[yоutubе]rnАFМGmаk[/yоutubе]Не берите код из этой статьи, чтобы вставить видео на сайт wordpress — чтобы он отображался как код, а не выводился в виде видеоролика, я заменил в нем буквы латинского алфавита на кириллицу.
Код будет всегда разный, даже на одном видеохостинге, и конечно, будет зависеть от источника видеоматериалов. В настройках плагина можно установить ширину видеоплеера, высоту и прописать мета-данные для разных видеохостингов.
На всех страницах сайта ссе ваши ролики будут отображаться в одном размере, что очень удобно – никакого дополнительного редактирования и подстраивания под дизайн сайта не нужно.
Если у вас появилась необходимость изменить код вызова видеоплеера на сайте, чтобы вставить видео на сайт wordpress , то следует изменить его тэг в настройках Video Embedder.
Если вы чаще всего используете видеохостинг YouTube и хотите вызывать его вставкой какого-нибудь более простого другого кода, поменяйте его в настройках плагина, например, на такой фрагмент:
[vidео]Код видео[/vidео]Для изменения тэга вызова в настройках плагина Video Embedder найдите YouTube, и замените его стандартный тэг «youtube» на любое свое значение. В нашем случае это тэг «video». Точно так же поступайте и с другими хостингами – можно даже использовать просто цифру или число.
В завершение статьи хочу научить тех, кто не знает, как вставить видео в вордпресс на сайт с других видеосервисов. Эта инструкция указана в настройках плагина, но она не переведена на русский язык, поэтому может быть не всем понятна. А кому-то эта информация наверняка пригодится.
Инструкция по добавлению видеороликов с разных видеохостингов
Видеохостинг Smotri.com — чтобы вставить ролик Smotri.com, скопируйте выделенную оранжевым цветом часть ссылки: http://smotri.com/video/view/?id= v473798e854 . Вставьте код [smotri] 473798e854 [/smotri] в редакторе, и видеоролик добавится на сайт. Русскоязычный сервис RuTube — чтобы вставить видеоролик с RuTube, скопируйте выделенную курсивом часть ссылки: http://video.rutube.ru/5218b8aea4968b29ea8c69213b690131. ссылку на любой ролик RuTube нужно искать в меню «Коды ролики\код плейера» на странице видео (иногда в ссылке нет значения «?v=», а именно он и необходим для того, чтобы вставить видеоролик). Теперь в любом редакторе (можно сразу в редакторе WordPress) Вставьте код этот код: [rutube]5218b8aea4968b29ea8c69213b690131[/rutube] на страницу записи в своем сайте. Видеохостинг Youtube — чтобы вставить ролик Youtube, скопируйте выделенную оранжевым часть ссылки: http://www.youtube.com/watch?v= zORv8wwiadQ . Вставьте код zORv8wwiadQ&rel=0"> zORv8wwiadQ&rel=0" /> в редакторе, чтобы добавить видео на сайт. Видеохостинг Google Video — чтобы вставить ролик Google Video, скопируйте выделенную оранжевым часть ссылки: http://video.google.com/videoplay?docid= 6063985264803214006 . Вставьте код [gооglе]6063985264803214006[/gооglе]в редакторе, чтобы добавить видео на сайт.
Сервис для хранения видео Metacafe: Чтобы в wordpress добавить видео из сервиса Metacafe, скопируйте выделенную оранжевым часть ссылки: http://www.metacafe.com/watch/ 975366/secrets_of_google_earth/ . Вставьте код [mеtаcafе]975366/secrets_of_google_earth[/mеtаcafе]в редакторе, чтобы добавить ролик на сайт.
Сервис для хранения видеороликов Liveleak: Чтобы вставить видео из Liveleak, скопируйте выделенную оранжевым часть ссылки: http://www.liveleak.com/view?i= d62_1594640234 . Вставьте код [livеlеаk]d62_1594640234[/livеlеаk]в редакторе, чтобы добавить ролик на страницу записи.
Видеохостинг Revver: Чтобы вставить ролик Revver, скопируйте выделенную оранжевым часть ссылки: http://revver.com/video/ 527514 /. Вставьте код [rеvvеr]527514[/rеvvеr]в редакторе, чтобы добавить видео на сайт.
Сервис для хранения видео IFILM: Чтобы вставить ролик IFILM, скопируйте выделенную оранжевым часть ссылки: http://www.ifilm.com/video/ 3521648 . Вставьте код [ifil m]3521648[/ifil m]в редакторе, и видеоролик появится на сайте.
Сервис для хранения видео Myspace: Чтобы вставить ролик Myspace, скопируйте выделенную оранжевым часть ссылки: http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid= 56884863 . Вставьте код [myspаcе]56884863[/myspаce]в редакторе, чтобы добавить ролик на страницу записи.
Видеохостинг Blip.tv: Чтобы вставить ролик Blip.tv, скопируйте выделенную оранжевым часть ссылки: http://blip.tv/file/ 254683 . Вставьте код [bliрtv]254683[/bliрtv] в редакторе, чтобы добавить видео на сайт. Сервис для хранения видео CollegeHumor: Чтобы вставить ролик CollegeHumor, скопируйте выделенную оранжевым часть ссылки: http://www.collegehumor.com/video: 3567863 . Вставьте код [collеgе]3567863[/collеgе]в редакторе, чтобы добавить ролик на страницу записи.
Сервис для хранения видео 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 (…). Вставьте код [vidеоjug]3ff6e533-5eaf-4ff8-540e-02334f7ac808[/vidеоjug]в редакторе, чтобы добавить видео на сайт.
Видеохостинг Godtube: Чтобы вставить ролик Godtube, скопируйте выделенную оранжевым часть ссылки: http://www.godtube.com/view_video.php?viewkey= 83abb6308b8842ca6f1f . Вставьте код [gоdtubе]83abb6308b8842ca6f1f[/gоdtubе]в редакторе, чтобы добавить ролик на сайт.
Сервис для хранения видео Veoh: Чтобы вставить ролик Veoh, скопируйте выделенную оранжевым часть ссылки: http://www.veoh.com/videos/ v1683095mYFrF3Xc . Вставьте код [vеоh]v1683095mYFrF3Xc[/vеоh]в редакторе, чтобы добавить видео на страницу записи.
Видеохостинг Break: Чтобы вставить ролик Break, скопируйте выделенную оранжевым часть ссылки: <object width=»464″ height=»392″><param name=»movie» value=»http://embed.break.com/ NDExNjU2 «></para… Вставьте код [brеаk]NDExNjU2[/brеаk]в редакторе, чтобы добавить видео на сайт.
Сервис для хранения видео Dailymotion: Чтобы вставить ролик Dailymotion, скопируйте выделенную оранжевым часть ссылки: http://www.dailymotion.com/video/ xoh8j _monty-python-dead-parrot-sketch_family . Вставьте код [dаily]xoh8j[/dаily]в редакторе, чтобы добавить ролик на сайт.
Видеохостинг Movieweb — Чтобы вставить ролик Movieweb, скопируйте выделенную оранжевым часть ссылки: http://www.movieweb.com/video/ V07L3flnvxMUWY . Вставьте код [mоviewеb]<span style="color: #ff6600;">V07L3flnvxMUWY</span>[/mоviewеb]в редакторе, чтобы добавить ролик на страницу записи.
Сервис для хранения видео Jaycut: Чтобы вставить ролик Jaycut, скопируйте выделенную оранжевым часть ссылки: http://jaycut.se/mix/2493/preview. Вставьте код [jаyсut]2493[/jаyсut]в редакторе, чтобы добавить видео на сайт.
Видеохостинг Myvideo: Чтобы вставить ролик Myvideo, скопируйте выделенную оранжевым часть ссылки: http://www.myvideo.de/watch/ 3033737 . Вставьте код [myvidео]3033737[/myvidео]в редакторе, чтобы добавить ролик на страницу записи.
Сервис для хранения видео Vimeo: Чтобы вставить ролик Vimeo, скопируйте выделенную оранжевым часть ссылки: http://www.vimeo.com/ 367351 . Вставьте код [vimео]367351[/vimео]в редакторе, чтобы добавить ролик на страницу записи.
Видеохостинг Gametrailers: Чтобы вставить ролик Gametrailers, скопируйте выделенную оранжевым часть ссылки: http://www.gametrailers.com/player/ 32532 .html. Вставьте код [gtrаilеr]32532[/gtrаilеr]в редакторе, чтобы добавить ролик на сайт.
Видеохостинг 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. Вставьте код [viddlеr]6708b741[/viddlеr]в редакторе, чтобы добавить видео на сайт.
Сервис для хранения видео Snotr: Чтобы вставить ролик Snotr, скопируйте выделенную оранжевым часть ссылки: http://www.snotr.com/video/ 1046 . Вставьте код [snоtr]1046[/snоtr]
в редакторе, чтобы добавить видео на страницу записи.
Сервис для хранения видео Quicktime: Чтобы вставить ролик Quicktime, просто заключите ссылку ролика в соответствующие теги. Вставьте код [quiсktimе]http://www.yоursitе.соm/path/file.mоv[/quiсktimе]в редакторе, чтобы встроить ролик на страницу записи.
Видеохостинг Windows Media Player: Чтобы вставить ролик Windows Media, просто заключите ссылку ролика в соответствующие теги. Вставьте код [windоwsmеdiа]http://www.yоursite.cоm/pаth/filе.wmv[/windоwsmеdiа]в редакторе, чтобы встроить видео на страницу записи.
Как видите, вордпресс плагин видео Video Embedder — вещь практически универсальная, и работает со всеми, по крайней мере, мне известными видеохостингами. Поэтому смаело устанавливайте его на свой сайт и пользуйтесь — у меня он пока сбоев не давал. До встречи!