Размещение видео YouTube на сайте. Получение кода. Плагин Flash Video Player with HTML5Пару месяцев назад YouTube немного поменял названия кнопок, которые используются для получения кода видео. Поэтому, чтобы разместить видео в блоге или на сайте по моим прежним обзорам, нужно немного напрягать соображаловку.

На всякий случай напишу новую короткую инструкцию, как вставить видео на сайт или блог, используя код YouTube, и как собственно этот код получить. Кроме того, немного расскажу о плагине для вставки видео в посты и на страницы блога WordPress – Flash Player.

В принципе, YouTube, как и другие видеохостинги, старается сделать функционал максимально понятным для пользователей, но если возникают трудности, то нужно спешить на помощь нашим собратьям и сосестрам по интернет-несчастью.

Размещение видео YouTube на сайте. Получение кода. Плагин Flash Video Player with HTML5

Размеры плеера изменяются пропорционально. То есть, если вы укажите только ширину в блоке «Другой» (справа внизу), то высота видеоплеера изменится автоматически в соответствии с указанным размером ширины. Можно также выбрать предустановленные размеры плеера для данного видеоролика (в примере, 560 на 315, 640 на 360 и так далее).

Если вам нужен старый код видео, а не iframe-ный, то в параметрах нужно отметить галочкой «Использовать старый код встраивания». Кроме того, есть такой параметр, как «Показать похожие видео после завершения просмотра».

Размещение видео YouTube на сайте. Получение кода. Плагин Flash Video Player with HTML5

Выглядят эти «похожие видео» примерно так, как показано на картинке ниже. Если у вас какой-то ценный видеосюжет, и вы не хотите его ни с чем смешивать, то снимите галочку. Но лучше не снимать – посетители сайта посмотрят ваше видео и, возможно, останутся на странице, чтобы посмотреть что-то из «похожего».

Размещение видео YouTube на сайте. Получение кода. Плагин Flash Video Player with HTML5

Осталось только скопировать (всё-таки) HTML-код видео и вставить его в пост. В WordPress HTML-код нужно вставлять в редакторе сообщений при включенной вкладке «HTML», а не «Визуальный» (редактор).

Это интересно:  Интересные темы для своего бизнеса

Я часто в блогах на WordPress пользуюсь плагином флешвидео, который так и называется Flash Video. Последнее время, правда, заменяю его на плагин Flash Video Player with HTML5 (страница плагина). Не знаю, в чем принципиальная разница, плохо в этом разбираюсь, но работает он не хуже, зато более новый. Ранее я сохранял скины («шкурки», оформление старого варианта) в посте "Скины Flash Video Player".

Для того, чтобы вставить на страницу видео с помощью плагина Flash Video Player, нужно получить прямую (или «прямую») ссылку на это видео. Замечу, что не всякое видео YouTube можно встраивать плагином – иногда встраивание запрещено владельцем видео в его настройках на YouTube.

Чуть выше я писал, что при нажатии на кнопку «Поделиться» под видео выезжает «небольшая панель». Слева в ней есть окошко с кодом и ссылкой «Параметры». Нажимаем на эту ссылку…

Размещение видео YouTube на сайте. Получение кода. Плагин Flash Video Player with HTML5

…И настраиваем: нужно ли, чтобы видео показывалось в HD-качестве, с какой секунды начать проигрывание и получить длинную ссылку. Нам нужна именно «Длинная ссылка» на видео YouTube.

Размещение видео YouTube на сайте. Получение кода. Плагин Flash Video Player with HTML5

Копируем ее и на странице записи (при установленном и активированном плагине) пишем следующую конструкцию:

[flashvideo file=ссылка_на_видео /]

Опытным путем я установил, что можно добавить изображение, которое будет начальным кадром видео при невключенном плеере:

[flashvideo image=ссылка_на_картинку file=ссылка_на_видео /]

Еще более опытным путем установлено, что можно указывать произвольные ширину и высоту плеера (стандартные для всех страниц указываются в его настройках): width=размер и height=размер. И так далее…

Код можно вставлять как в HTML-редакторе, так и в визуальном.

В принципе всё, что я хотел сегодня сказать по этому поводу, я сказал 🙂

А вот и видео, которое мы так старательно переносили с YouTube в блог WordPress: «Это бобёр!»

Это интересно:  Новый интерфейс YouTube Как получить код видео YouTube

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Самое интересное в блоге

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

пять × 5 =