Как добавить видео на WordPress сайт
В этом уроке мы поговорим о том, как добавлять видео в записи и на страницы вашего блога. Одним из самых простых способов добавить видео на ваш сайт – это загрузить его на сайт один из сервисов, предоставляющих услуги бесплатного видеохостинга, таких как YouTube или Vimeo. После того, как ваше видео будет успешно загружено и конвертировано, можно скопировать «Код для вставки/Embed Code» и вставить в вашу запись. Однако благодаря встроенной функции вставки объектов WordPress, это можно сделать еще легче. Например, у меня есть классное видео, которое я хотел бы добавить на свой сайт. Все, что нужно сделать – это скопировать адрес этого видео, а затем вернуться к блогу и создать новую запись. Теперь необходимо вставить ссылку прямо в поле для контента. Я дам этой записи название и вставлю ссылку, которую была скопирована с сайта видеохостинга, а затем нажму «Опубликовать».
Если посмотреть на эту запись, можно увидеть, что WordPress не только вставил необходимое видео, но и идеально подогнал его размер. При желании, вы можете изменить размеры видеоплеера, в котором демонстрируется ролик. Выполняется это применением шорткодов (Shortcode API) – специальной функцией, предусмотренной в WordPress, начиная с версии 2.5. Не вдаваясь в подробное описание этих очень удобных инструментов, приведем вид шорткода для нашего случая (скачать шорткоды в текстовом формате):
Шорткод для You Tube:
Шорткод для Vimeo:
Здесь width и height соответственно ширина и высота плеера для демонстрации ролика. Обратите внимание: цифры размеров окна задаются в пикселях и записываются в кавычках. Вместо фраз «Ссылка на видео с YouTube» или «Ссылка на видео с Vimeo» подставляете скопированную на соответствующем сайте ссылку. Вы можете использовать данный способ добавления видео не только с сайта Vimeo, но и с многих других популярных ресурсов видеохостинга, включая Flickr, Instagram, SoundCloud, Twitter, YouTube и т.д.Вы также можете посетить эту страницу www.codex.WordPress.org/Embeds для получения более детальной информации.
Если по каким-либо причинам данный способ не работает на вашем блоге, либо вы просто хотите получить больше контроля над параметрами размещенного вами видео, вы можете вставлять видео в ваши записи вручную. Сначала задайте необходимый вам размер видео, затем скопируйте код для его вставки. После этого перейдите в панель администрирования и создайте новую запись либо страницу, и перед тем, как вы вставите код, убедитесь, что перешли в режим «Текст». Это важно, т.к. если вы вставите ссылку на видео в режиме «Визуальный», то WordPress просто отобразит текст кода вместо видео.
После того, как вы вставили код, вы можете использовать предварительный просмотр, либо сразу опубликовать вашу запись для того, что просмотреть, как выглядит ваше видео на странице блога. Добавление видео на WordPress сайт с помощью автоматической функции вставки объектов является наиболее простым, поэтому для большего удобства мы советовали бы вам использовать именно ее.
Кроме видео и фотографий, в блог можно добавлять и другие типы файлов. Более подробно мы остановимся на этом в следующем видео.
Если у вас возникли проблемы с просмотром – вы можете посмотреть видео «Как вставить видео на WordPress c YouTube, Vimeo (Уроки WordPress для начинающих)» на YouTube.
Вам также может быть интересно:
Kwork — обзор магазина/биржи фриланс услуг Kwork – инструкции для покупателей/заказчиков
Как выбрать надежный WordPress хостинг без компьютерного образования
ТопВизор — сервис проверки позиций сайта по ключевым словам в поисковиках (Мониторинг позиций сайта). Детальный обзор
Кросспостинг в социальные сети из WordPress – подробные инструкции и примеры
Анатомия шедевров вирусного маркетинга – как создать вирусное видео
Социальный Замок – как скрыть контент за лайк (заплати лайком)
Дим, привет!
И спасибо тебе огромное за твое славное дело) нашла у тебя пару долгожданных решений.
Скажи, пожалуйста, а как при помощи кода могу скрыть похожие видеозаписи, те, что появляются в окне после просмотра видео, вставленного на блоге, и страшно не в тему и раздражают))
Спасибо!
Хорошего дня!
Можно прямо на YouTube перейти на вкладку «Поделится>HTML код» http://screencast.com/t/2dE8v5pOuNc и снять галочку с пункта «Показать похожие видео после завершения просмотра», скопировать полученный код и всавить его себе на сайт или воспользоваться плагином типа
http://wordpress.org/plugins/wp-youtube-player-customizer/
http://wordpress.org/plugins/wp2yt-uploader/
Дмитрий, здравствуйте! Все сделал как Вы рекомендовали, все получилось! Теперь волнует другой вопрос. Как с индексацией ссылки с ютуба? Ее нужно закрывать предварительно кодом или она не индексируется? Заранее благодарю за ответ!
В смысле чтобы видео с YouTube которое вы вставили на сайт не проиндексировалось? Это можно в настройках на YouTube указать что видео доступно только по прямой ссылке или вообще закрытое.
Дмитрий, добрый вечер,
у Вас очень полезный сайт и что самое главное, все очень просто описано. Спасибо!
У меня к Вам просьба, если можете, посмотрите мой блог пожалуйста, может будут какие замечания или предложения как онлайн эксперта.
Дмитрий,спасибо большое,нашла у вас подсказку о том,что при добавлении видео на страницу надо перейти в режим ТЕКСТ,до этого нигде не встречала.Если можно,вопрос такой же, как у Юлии — как скрыть похожие видеозаписи, те, что появляются в окне после просмотра видео, вставленного на блоге.
Я попробовала так, как вы написали через ПОДЕЛИТЬСЯ-HTML,но у меня нет окошка «показать похожие видео после просмотра.
Показать панель управления
Показать название видео и функции проигрывателя
Включить режим повышенной конфиденциальности [?]
Можно в настройках ембед кода на ютюб снять эту галочку, вот скриншот https://yadi.sk/i/k-Le4vYjxxczX
Добрый день, Дмитрий!
У меня возникли вопросы:
1. Возможно ли чтобы видео взятое с стороннего видеохостинга проигрывалось через собственный плеер?
2. Если это возможно, то каким образом? Может есть какие то плагины для этого?
Заранее благодарен за ответ!
С уважением, Сергей.
Да, можно например через тот плагин https://ru.wordpress.org/plugins/easy-video-player/
Здравствуйте. С ютуб все ясно. А вот как быть со своим видео? Проблема такая. Нажимаю на кнопку вставить медиа файл. Все прекрасно. На десктопе. Захожу с мобильника — тот же размер 640 на что-то там.
Нельзя ли поменять код так, чтобы размер видео зависел от ширины экрана? В поцентах от ширины экрана и т.д.?
Шаблон резистивный, плагин для мобильников стоит. Смотреть видео можно, но крайне неудобно (с телефона). А в ютуб заливать не хочется — там если песня не своя, то сразу рекламу вешает (версия ролика и на тубе есть, но хотелось бы с нормальной музыкой, а не с самоделкинской…).
Это либо писать свои стили для адаптивной верстки или можно попробовать другой видео хостинг
Дмитрий, добрый вечер!)
Вопрос такой: нужно на главную страницу поместить видео с ютуба. Раньше там было другое, и я его удалила вместе с каким-то кодом. Сейчас пытаюсь вставить, но в итоге он пишет только код. какие действия я могу предпринять?
Дмитрий, добрый вечер!
У меня вопрос: как вставить видео на главную страницу, ибо там нет текстового формата. Вставляла разные коды, но в результате они и пишутся на главной вместо видео.
Знаю, что это возможно, потому что раньше там было другое видео.
Можно в настройках Вордпресс Настройки>Настройки чтения выбрать статичную страницу и на ней уже разместить видео
Дмитрий, благодарю! Очень четко и ясно, всё по теме!Исчерпывающий и ёмкий ответ на мой вопрос! Подписываюсь на ваши обновления!
Добрый день! Подскажите пожалуйста, сделал все как описанно по поводу вставки видео на сайт по двум шорткодам, с You Tube работает отлично я имею виду отображение на пк и на телефоне все автоматически подгоняет по размерам. А вот с instagram с толкнулся с проблемой на пк отображает олично видео. А вот с телефона захожу просматривать видео автоматически не подгоняется по размерам очень большое. Пытался менять размер окна видео как в видео сказано но не помогло. Может что подскажите ? Мне именно с инстаграмма нужно что бы на пк и на телефоне отображалось. Буду очень блогодарен
Здравствуйте. Видео вставляется. Но как только пытаюсь указать размеры, на сайте просто текст ссылки шорткода. Без указания размеров очень маленький размер окна видео((