Как разместить видеоролик с youtube, с mail.ru? #50504

Видеоинструкция

Функционал текстового редактора позволяет вставлять ролики с видеохостингов http://youtube.ru или http://video.mail.ru/.

Помимо стандартной вставки, видео с youtube и mail.ru можно вставить через HTML-код.

Рассмотрим подробно, как это можно сделать.

Шаг 1

Чтобы разместить на сайте аудио или видео, мы рекомендуем воспользоваться каким-нибудь бесплатным ресурсом - http://youtube.ru или http://video.mail.ru/, например.

Вам необходимо:

  1. Сохранить ролик в формате .flv, .mpeg, .avi.
  2. Закачать этот видеофайл на какой-нибудь видеосервер, например: http://youtube.ru или http://video.mail.ru/ и скопировать сгенерированный html-код, который будет размещен на сайте.
  3. Альбом с размещенным файлом должен быть открыт для общего просмотра (для Видео-Mail.ru).

Шаг 2

Сперва откройте нужное Вам видео на youtube.com и нажмите на вкладку, расположенную под видео - "Поделиться".

php72e8wg

Шаг 3

В раскрывшемся окне нажмите на кнопку "Встроить".

phpjkFLxO

Шаг 4

Далее снова нажмите на пункт "Встроить" в разделе "Отправить ссылку".

phpS4i2mS

Шаг 5. Дополнительные настройки

Перед копированием кода видео Вы можете настроить то, как видеоролик будет отображаться у Вас на сайте. В блоке настроек Вы сможете:

  • Задать начало ролика - если Вы хотите, чтобы видео запускалось не с начала, а с определенного времени, отметьте данную галочку и укажите в поле рядом время, с которого должен стартовать ролик (например, чтобы видео начиналось с 30-ой секунды, в поле стоит указать "0:30").
  • Включить вывод панели управления - в окне просмотра видео посетителю будут доступна панель управления (нижняя панель, где располагаются кнопки паузы, громкости, качества видео и пр.).
  • Включить режим повышенной конфиденциальности - если включить этот режим, YouTube будет сохранять информацию о посетителях Вашей веб-страницы, только если они посмотрят ролик.

php0YDL18

Обратите внимание!

  • Все производимые изменения Вы можете отследить в окне предварительного просмотра.

Шаг 6

После того как Вы настроите видео, скопируйте содержимое поля с помощью кнопки "Копировать".

phpv1bu0M

Шаг 6.1. Mail

В случае если Вам необходимо вставить видео с video.mail - просто зайдите на страницу видео, нажмите на иконку "Поделиться" и в открывшемся окне скопируйте код из поля "HTML".

php3qIQKr

Шаг 7

Теперь перейдите к текстовому редактору в том месте системы управления, где Вы планируете вставить видеоролик (описание товара, страница с текстом или иное).

И в рабочей области редактора нажмите на кнопку редактирования HTML-кода.

phpNDgfQD

Шаг 8

Откроется редактор кода. Вставьте ранее скопированный код и нажмите "Обновить".

phpHcZU58

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий