Вставка видео YouTube на блог

Елена Конахевич | 21:44 | | | |
Чаще всего я вставляла на своем блоге WP (сейчас сменила платформу на Блогер от Google) видео с YouTube. Делала стандартным способом, в режиме редактора, выбирая кнопку «Вставить видео» и вставляла ссылку, которую брала в адресной строке YouTube.
Или можно вставить через пункт меню «Вставить», команда «Вставить видеофайл».
В открывшемся окне вставить ссылку с YouTube, и нажать зеленую кнопку для сохранения. Здесь же можно и размеры задать.
А когда прочла интересную статью на блоге Виктории Карповой о расширенных настройках плеера и как можно видоизменять плеер на своем блоге, захотела эти знания проверить на практике. Можно также как менять его размеры по своим желаниям. Как все-таки полезно ходить в гости на блоги с похожей тематикой, как у себя!
Итак, прочитав статью, я стала сразу же применять полученные знания. Из всех команд я взяла себе на вооружение всего три. Но и об остальных, конечно, же, напишу.
Начнем с того, что этот метод связан с кодом HTML, но его не надо вам изучать, а лишь подставить команды в нужное место в ссылке, и сохранить результат.
Под видео на YouTube надо выбрать «Поделиться», снизу откроется доступ к коду HTML.
Что здесь мы увидим? Во-первых, это ссылка, которую и будем менять в соответствии своим пожеланиям.
Во-вторых, я рекомендую снять отметку с «Показать похожие видео». Тогда в коде появится дополнительный параметр rel=0 
Я думаю, Вы замечали, когда на блоге посмотришь до конца видео, а потом после просмотра на плеере появляются кубики с изображением других роликов, к вам не имеющих никакого отношения.
В-третьих, можно выбрать рекомендованный размер самим YouTube. НО. Этих размеров всего четыре. Если вы хотите размер совсем другой, тогда нажмите «Другой размер», и укажите свои параметры. Как только вы укажите другие размеры, то и в самой ссылке изменятся эти показатели. Потому копировать ссылку надо лишь после этих изменений.

Небольшой нюанс. Все эти изменения в размерах плеера можно производить уже у себя на блоге. Так что, смотрите сами, где вам будет удобнее это сделать.
Возвращаемся на блог. Ставим курсор в том месте, где хотим вставить плеер, и в пункте меню «Вставить» выбираем команду «Вставить видео файл». Здесь хочу обратить ваше внимание, что в открывшемся окне выбираем вкладку «Объект», и вот здесь вставляем тот код HTML , который взяли под видео на YouTube.
Что можно изменить при помощи команд? 
Мне понравилось, что в плеере лого YouTube с нижней панели переместилось выше. За это отвечает команда modestbranding=1. Как выглядит, показала на скрине, до и после.
Пример, когда лого YouTube находится снизу, на панели управления:
Когда лого YouTube находится выше панели управления:
Вторая команда, которая мне понравилась – скрывает верхнюю полосу с информацией о самом видео. На скринах я показала до и после этой команды. Выглядит эта команда так: showinfo=0
До изменений:
После изменений:
Такой прием очень важен в тех случаях, когда у вас в видео стоит персональный значок, и полоса сверху закрывает все красоту. 
Теперь вопрос, как добавить эти команды в код? Здесь нужна внимательность. В коде, после знака «?»ставится первая команда, потом знак «&» и после знака снова команда, потом опять знак, и снова команда.

В тексте это выглядит так: 
<iframe width="420" height="315" src="//www.youtube.com/embed/kwRL8lZ5DFc?rel=0&modestbranding=1&showinfo=0" frameborder="0" allowfullscreen></iframe> Если вы хотите использовать те же команды, что и у меня, спокойно можете скопировать весть текст после ссылки ютьюбе, и заменить в своей. На скрине я показала в цвете.
Обратите внимание, что между командами нет пробелов!!! Пробел есть только в тех местах, где я отметила галочкой! Если оттуда убрать пробелы, то ничего не получиться, я уже экспериментировала.
Какие еще есть команды для изменения в плеере:
Вопросы можно оставить в комментариях. 
  TEXT.RU - 100.00%


Понравилась статья? Поделись ею со своими друзьями, понажимай на кнопочки!
 
Copyright © 2015 Блог Елены Конахевич • All Rights Reserved.
Blogger Templates Design by BTDesigner • Powered by Blogger