В школах отгремел последний звонок, а у нас продолжаются уроки по созданию блога на WordPress. Сегодня мы разберемся, как вставить видео на сайт, а также, как вставить аудио на сайт.
Только-только опубликовала статью «Как вставить картинку на сайт WordPress» и решила обновить WordPress. А в новой версии, естественно, новшества. Например, разработчики порадовали сообщением, что они улучшили функцию вставки медиафайла. Вот сейчас и проверим.
Итак, начинаем с админ панели, затем «Записи» → «Добавить запись». Откроется страничка добавления записи (у блоггеров это называется пост или статья):
Нажимаем на кнопку «Добавить медиафайл».
Как вставить видео на сайт с компьютера
Выбираем на компьютере видеофайл. Открывается вся медиа библиотека, в которой отмечен один файл: наше загружаемое видео. С правой стороны мы видим процесс загрузки. Когда загрузка завершится, можно заполнить «Детали вложения»:
Здесь нет ничего нового по сравнению с загрузкой картинки. Заполняем поля заголовка, подписи и описания.
Ниже еще одно поле: «Настройки отображения вложений». Здесь можно выбрать, будет ли являться видео ссылкой на какую-то страницу. Я выбираю «Нет» и нажимаю «Вставить в публикацию». В статье появляется ссылка на этот видеофайл (на его адрес на нашем хостинге: …wp-content/uploads/2013/05/).
Как вставить видео на сайт из интернета (по адресу URL)
Нажимаем «Добавить через URL» и в рамку копируем адрес видео из интернета.
Я покажу процесс вставки на примере видео с YouTube.
1 способ:
Ниже окна просмотра видеоролика на YouTube мы видим разные ссылки, в том числе «Поделиться». Жмем на нее, и ниже появляется рамочка с адресом. Копируем этот адрес и вставляем в рамку добавления адреса.
В рамку ниже копируем заголовок и нажимаем кнопку «Вставить в публикацию», расположенную справа-снизу. В нашей статье появилась ссылка на видео с YouTube.
2 способ: как я сама вставляю видео с YouTube
После нажатия на ссылку «Поделиться» появляются еще ссылки, и среди них «HTML-код». Нажимаем на эту ссылку. Ниже в рамке появится код, который надо скопировать и вставить в статью, перейдя в режим «Текст».
Вернувшись в визуальный редактор, мы увидим пунктирную рамку, которая показывает нам, где будет расположено окно видео.
Как вставить аудио на сайт
Как вставить аудио на сайт? Смотрите, как вставить видео на сайт, и делайте так же.
На этом мой урок закончен. Если он Вам понравился, поделитесь с друзьями. А чтобы не пропустить новые полезные статьи, подписывайтесь на обновления блога.
Комментарии
Очень вовремя нашла эту статью, мне прямо в самый раз! Именно это и надо ! Спасибо!
Ничто не случайно в нашем мире: если ищешь, то обязательно найдешь
Спасибо за помощь. Я все так и сделал, однако вместо видео у меня получается текстовая ссылка на скачку данного видео (http: // cnimaemfoto.ru/cnimaem-foto/covety-po-fotosemke/ fotografiya-ya-i-pamyatnik). А как сделать, чтобы видео можно было смотреть прямо не выходя из поста???
Заранее спасибо.
Как именно Вы сделали? Я описала разные способы вставки видео. То, что Вы хотите, нужно делать 2-м способом
Спасибо. Все получилось.
Отлично, я рада
Класс, сработало! Я вставила видео на сайт именно Вашим способом! До этого у меня были проблемы с загрузкой видеофайлов с компьютера.
Лена, давно же Вас не было! Впрочем, и я тоже отсутствовала почти месяц. Отлично, что всё получилось.
Нина!Когда вставляешь видео с компьютера,появляется только ссылка.А как сделать,чтобы появилось само видео.Как .например,когда вставляешь с YouTube или с RuTube.Там всё просто,вставил код и смотри видео.Я слышал,что нужно какой-то видео плейер установить.
Ура!После обновления WP,всё стало добавляться.
Отлично, Алексей! Я после почти месячного отсутствия в интернете всё еще разгребаю “завалы” и иногда пропускаю комментарии. Вот и Ваш первый пропустила. Надеюсь, Вы на меня не в обиде, тем более, что у Вас все получилось.
Ну что Вы,Нина!Какие обиды?Я Вас прекрасно понимаю.Месяц без интернета,- это катастрофа.А что у Вас было с интернетом?А я даже без Ваших ответов черпаю с Вашего блога столько полезного,что радует меня ,т.к.начинаю потихоньку со всем сам справляться.Со скрипом,правда,но всё равно получаю от этого громадное удовлетворение и самоутверждение.Спасибо Вам за такой полезный и доступный материал!!!
Спасибо, Алексей, за такой хороший отзыв о моём блоге. Я очень стараюсь, чтобы он был полезным.
Интернета у меня не было, потому что мы переезжали на новое место жительства
Хорошая статья и описано все в подробностях.
Спасибо, я старалась
Все подробно и понятно, чаще размещаю видео 2 способом. Мне он больше нравится.
Мне тоже
Я видео на сайт вставляю через текстовый редактор. копирую ссылку на ютубе, а потом вставляю в текст. мне кажется, это самый легкий способ. И когда делаю свое видео, тоже загружаем его нам ютуб, а уже оттуда-на блог.
Я делаю так же (если правильно Вас поняла
)