Как вставить видео на сайт

Доброго времени! Как вставить видео на сайт с  видеохостингов, я уже рассматривала на страница своего ресурса в статье Вордпресс: как добавить видео и аудио файлы. В сегодняшней статье предлагаю вариант, как вставить видео без панели управления и полосы прокрутки

Vstavit_s_YouTube

 

Такая установка видео необходима для подписных и продающих страниц, когда нужно:
1) видео вставить без панели управления;
2) чтобы не отображалось название видео в верхней части видео
3) отсутствовала «прокрутка» —  функции проигрывателя
4) чтобы не показывало похожие видео после завершения просмотра
5)  настроить свои размер отображаемого видео
6) включить автоматическое воспроизведение  видео на странице

YouTube_podelitsyaДля настройки первых 5-х пунктов, нам достаточно взать «правильный» код на YouTube.

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

YouTube_HTML-kod

 В данном случаем нам этого не достаточно. Смотрим ниже под окошечко с HTML-кодом. Видим вкладку «ЕЩЁ», при нажатии на которую, разворачивается предварительный просмотр встраиваемого видео.

Predvaritelnui_prosmotr_videoЧтобы настроить необходимый вам размер и не нарушить пропорции воспроизводимого видео, во вкладке «Размер видео» — выбираем — «Другой размер».

YouTube_drugoi_razmerВ этом случае мы задаем необходимую ширину в пикселях. Например, вам надо поставить ролик на всю ширину текста в статьев сайтбар. Для этого задаете ширину 240, а высота выставляется автоматически при переходе в эту ячейку.

Чтобы убрать панель управления и функции проигрывателя, нам нужно убрать галочки в верхних 3-х чек-боксах (отмечено красной рамкой)YouTube_HTML-kod1

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

Мы настроили отображение встраиваемого видео без панели управления, без названия видео и без функций проигрывателя. Если нам не нужно автовоспроизведение ролика, то копируем HTML-код (отмечено зеленой рамкой)  и встраиваем его в нужную страницу. Для этого переходим в раскладку «ТЕКСТ» и встраиваем видео на страницу:

raskladka_text

Если нужно автовоспроизведение видео, то в конец ссылки необходимо добавить &autoplay=1. Именно в конец ссылки, а не всего HTML-кода, см. скрин ниже.

YouTube_autoplay

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

С уважением, Ольга Батырева.

YouTube: создаем и редактируем видео аннотации

Продвижение на YouTube

Сегодня мы рассмотрим  тему » Создание и редактирование видео аннотации на  YouTube. Аннотация — это текст,  всплывающий, непосредственно,  во время просмотра видео :).

Рассмотрим панель аннотаций,  добавление аннотаций на примере всплывающей подсказки и примечаний.

В начале каста вставляем пояснение, далее призыв подписаться на наш канал, и в самом конце, предлагаем посетителям проголосовать за наш ролик ( про «Палец Вверх!» планирую сделать отдельный небольшой пост, в котором поделюсь своими экспериментами).

Я не утверждаю, что именно так и надо делать. давайте просто поэкспериментируем!!!

Для начала давайте рассмотрим экран редактора аннотаций. Он разделен на две основные части: часть для просмотра видео (слева) и панель аннотаций (справа).

Есть  кнопка для добавления новых аннотаций, и  кнопки для сохранения и публикации аннотаций.

Добавление новой аннотации

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

Нажимаем кнопку  «+ Добавить аннотацию» и видим выпадающий список.

  • Всплывающая подсказка реплика — для создания всплывающего облачка  с комментариями и подсказками.dobavit-annotatsiyu
  • Примечание примечания" — для создания всплывающих окошек, содержащих текст.
  • В цетре внимания отметки с текстом — для фокусировки внимания на конкретных областях видео: при наведении мышки, в этом случае  появляется текст.
  • Пауза — для приостановки видео на указанный вами отрезок времени

Можно также дважды нажать ролик, чтобы создать аннотацию-отметку по умолчанию.
После добавления новые аннотации появляются в списке аннотаций слева.

Изменение, имеющейся аннотации

Для редактирования аннотации  выбираем  ее из списка слева или нажмаем саму аннотацию в области просмотра видео.

Изменении аннотации прямо в видео

Основные функции редактирования аннотаций находятся в области просмотра видео (справа). Можно делать следующее:

  • Изменять текст аннотации, нажав на нее и введя нужный текст.
  • Перетаскивать аннотацию, изменяя ее местоположение в видео.
  • Изменять размер аннотации, перемещая точки масштабирования (маленькие белые кружочки, которые видны при наведении мыши).
  • Изменять расположение указателя облачка с репликой, перетаскивая точку масштабирования, которая появляется тоже при наведении мыши.
  • Изменять положение текста отметки, перемещаяв нужное место.

Дополнительные функции редактирования находятся в списке аннотаций в панели аннотаций (слева)

  • Можно изменять время начала и конца аннотации. По умолчанию аннотация появляется в момент нажатия значка «+». По умолчанию она исчезает через 5 секунд. Чтобы изменить это время, укажим необходимое время начала и конца в формате [Ч:ММ:СС.с]. Например, [0:01:05.2] значит 1 минута, 5,2 секунды от начала видео.
  • Можно добавить в аннотацию URL, но в этом случае помним, что эти ссылки не будут активными, и по ним будет не возможно перейти.
  • В списке слева можно удалить аннотацию. Нажав на корзину  в правом верхнем углу аннотации, которую удаляем.
  • Можно изменить продолжительности аннотации, изменив поле аннотации на шкале времени.
  • Можно выбирать тип аннотации. Нажмите стрелку рядом со значком аннотации (левый верхний угол ячейки аннотации в списке аннотаций) и выберите нужный тип аннотации.

Сохранение и публикация аннотаций

Наши изменения  автоматически сохраняется как черновик каждые 30 секунд. Если есть необходимость чаще сохранять изменения, нажимаем  на кнопку «Сохранить черновик» в верхней левой части панели аннотаций.

Наши аннатации будут скрыты для посетителей, до тех пор, пока мы не  опубликуем их с помощью кнопки «Опубликовать». Автоматически аннотации не публикуются.

Смотрим видео каст:

Здоровья и процветания.
С уважением, Ольга Батырева.

Вордпресс: как добавить видео и аудио файлы

urok-4Согласитесь, что без видео мы  уже не можем представить свою жизнь.  Сколько бы не было возражений по поводу видео формата, в любом случае видео на блоге – это классная вещь. За 5-7 минут можно рассказать и показать быстрее, нагляднее  и понятнее, чем в километровой статье.

Проще объяснить работу  любой программы, можно показать собственные шедевры и своим голосом объяснить что? почем?  и сколько? Согласитесь, проще выстраивать с человеком отношения, слыша его голос, ещё проще — видя его воочию.

Поэтому  Самоделкин решил вопросу добавления видео и аудио файлов выделить целый пост.

 В предыдущей статье было рассмотрено как вставить изображение на блог WordPress.  Если вы планируете размещать  аудио-видео подкасты  на своем хостинге, то это можно сделать по аналогии с добавлением картинги.  Для этого, может понадобиться  установка дополнительных плагинов, на ваш ресурс.

Более подробно всё-таки остановимся именно на том, как вставить видео и аудио с соответствующих хостингов. Их великое множество на просторах Интернета. Рассмотрим  на  примере ресурса youtube.com. У каждого сервиса есть свои плюсы и минусы, о некоторые можно посмотреть здесь.  Видео хостингов конечно гораздо больше, можете ознакомится с небольшим списком видеохостингов.

Аудио, тоже можно заливать на свой хостинг или пользоваться сторонними ресурсами. Например: podfm.ru, rpod.ru, audio.rambler.ru, podcast.com или  podcastingnews.com.

В ролике рассматривается сервис podfm.ru.

Итак, смотрим видео каст:

Здоровья и процветания.
С уважением, Ольга Батырева.