Урок. Как вставить на сайт видео с YouTube


Недавно мне понадобилась добавить в одну из статей мультик про утконоса Перри, можете посмотреть что получилось. Существует много плагинов для добавления видео, но зачем нам загружать сайт? В этом уроке мы будем вставлять на блог видео с YouTube без использования плагинов.
Наверно Вы заметили, что многие блоггеры используют в статьях видео файлы? Зачем?
- Это делает блог более разносторонним и интересным для читателей
- Это заставит читателя остаться на сайте подольше, тем самым улучшив поведенческие факторы
Вставить видео очень просто, сейчас Вы убедитесь в этом.
1. Переходим на сайт YouTube, ищем через поиск нужный ведео-ролик по теме поста, или просто развлекательной тематики, под ним кнопка «поделиться», жмем, «сгенерировать код»
2. Устанавливаем галочку напротив пункта «устанавливаем старый код встраивания» обязательно, чтобы не возникло проблем при воспроизведении файла.
Можно также настроить, чтобы после просмотра появлялись похожие видео, но это не обязательно. Выбираем нужные размеры из стандартных или устанавливаем свои. Я выбираю размеры 480 на 360.
После всех произведенных настроек копируем код в буфер обмена.
3.Открываем статью, в которую необходимо вставить видео, переходим во вкладку HTML, и вставляем код в нужное место. Для лучшего вида выравниваем его по ширине. Сохраняем и наслаждаемся результатом.
Вы также можете вставить видео в сайдбар по аналогии (админ панель — внешний вид — виджеты, вставляем код в блок текст). Не забудьте настроить нужные размеры.
Чтобы не пропустить свежие новости и уроки подпишитесь на мой блог или читайте меня в твиттере, до скорых встреч.
Потыкайте по кнопочкам
Вы можете оставить комментарий, или трекбэк с Вашего сайта.
Как не странно, но факт, даже такие простые вещи иногда ставят в тупик. Потому у меня тоже часто подобные посты появляются. Сколько не пиши, спрос всегда будет 😉
Когда впервые что-то надо сделать, это кажется сложным.
Научилась сама — научи других!
поддерживаю
Тоже думала с августа взять за привычку вставлять видео в блог, дабы улучшить поведенческие факторы. Возьму на заметку 🙂
Действительно самый простой способ.
Кстати, а код нужно вставлять предварительно переключившись в HTML редактор?
ага, именно так)
Самый оптимальный способ по моему мнению, тоже им пользуюсь. Не понимаю людей, которые используют плагины, там где можно и без них спокойно обойтись.
Привет. Неплохой, конечно, вариант. С одним условием: ролики с вашего акка в You Tube. Иначе мы дарим трафик «дяде» или «тете» :).
Ссылка под именем на мой недавний пост по этому вопросу, приглашаю к дискуссии.
А Вы уверены, что все пользователи перейдут посмотреть ролик на YouTube?) Ну пусть тетя/дядя порадуется, мне не жалко.
Огоромное спасибо! Все делала также, но не переключалась на HTML. Теперь понимаю ошибку.
Светлана я рада, что смогла Вам помочь, заходите еще, у нас тут весело!
Я уже вижу! Спасибо, обязательно буду заходить. Жду и Вас у себя на сайте!
Несколько раз вставляла видео c YouTube. Находила понравившийся ролик и вставляла в статью. Если честно , мне кажется , что это не правильно. Не знала , что можно изменить размер.
Я вообще не видела, что там предлагают менять размер.
Тоже через Ютуб всегда делаю. Но вот только меня интересует,если я с Ютуба уберу, то он пропадет и с сайта?
Да, если удалить ролик (или поменять ссылку), он не сможет его найти и видео пропадет.
Так и думала, глядя на код. Теперь нужно, чтоб меня не послал Ютуб. Хотя я там уже несколько лет и вроде нормально все. И еще важно самой не удалить .
Можно залить видео на несколько видео хостингов и если проблемы с ютубом будут, вставить код с другого видео хостинга.
Открываем статью, в которую необходимо вставить видео, переходим во вкладку HTML, и вставляем код в нужное место.
ДО ЭТОГО МОМЕНТА, БЫЛО ВСЕ ПОНЯТНО! А С ЭТОГО МОМЕНТА ТЕКСТА — НИЧЕГО НЕ ПОНЯТНО!
Там же, в коде можно изменить размеры видео, если оно большое для Вашего блога или, наоборот, маленькое (width — ширина, height — высота). Выравнять по ширине — это значит изменить размер ширины, чтобы красиво видео смотрелось.
Когда вы код вставите, в принципе все видео появится у Вас, нажмите предварительный просмотр, и посмотрите хорошо ли оно вписалось. Людмила Вам правильно подсказала!
Пункт 2 — «Устанавливаем галочку напротив пункта «устанавливаем старый код встраивания» обязательно, чтобы не возникло проблем при воспроизведении файла» в редакциях WP 3.4 — 3.5 уже не актуален.
Я сначала побаивался и по привычке переключал на старый код, а затем успокоился и смело ставлю новый.
Усё ф порядке, шеф! 😉
Спасибо сэр! Буду смелее в следующий раз! Я по старинке вставляю старым кодом))