Размещение видео YouTube на сайте


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

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

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

Размещение видео YouTube на сайте

Рассказ (и показ будет проводится) на примере видео от "И это хорошо". Этот пост немного полежал в черновике, пока я бухал гулял на майские праздники, поэтому у "хорошистов" есть и более свежие смешные ролики.

В нижней части видеоплеера есть кнопка "Поделиться" – именно она нам и нужна: нажимаем на неё.

Размещение видео YouTube на сайте

Выезжает небольшая панель, где есть ссылка на видео (слева), кнопка генерации HTML-кода, кнопка отправки ссылки на видео по электронной почте и другое. Нам сейчас нужно "Сгенерировать HTML-код".

Размещение видео YouTube на сайте

Появляется несколько окошек: с кодом видео, с настройкой параметров HTML-кода и настройки размеров видеоплеера. Осталось настроить и скопировать HTML-код.

Размещение видео YouTube на сайте

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

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

Размещение видео YouTube на сайте

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

Размещение видео YouTube на сайте

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

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

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

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

Размещение видео YouTube на сайте

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

Размещение видео YouTube на сайте

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

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

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

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

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

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

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

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

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



  1. спасибо,помогло

  2. Сергей

    У меня есть много видео, сделанных с проектов моего фонда (кинофестивали, флеш-мобы, фотосессии, мультфильмы с детских студий анимации и др.), но реализовать их в коммерческом доступе не удается. Прошу посодействовать, за разумный вклад и партнерство

  3. Ирина

    Спасибо, этот пост мне очень очень помог!!!

  4. oleksite.com

    Не за что :)

Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>