Работа с видео #1392

Текстовый редактор позволяет использовать видео и при необходимости настраивать его - указывать альтернативные источники, размеры и пр.

Стоит отметить, что для корректной работы в качестве источников рекомендуется использовать ссылки именно на видео.

Какие видеоролики можно использовать?

Система управления CMS.S3 позволяет размещать:

Как разместить видео?

Чтобы вставить видео на страницу, необходимо воспользоваться кнопкой вставки на рабочей панели текстового редактора.

php7ddREE

Настройки. Общее

В окне добавления/редактирования видео на вкладке "Общее" доступны следующие настройки:

  • Тип - укажите тип видеоролика (Flash, HTML5 или др.).
  • Адрес - укажите адрес видео, тут можно вставить как ссылку на ролик из системы управления, так и ссылку на видео с внешнего ресурса (например, с youtube).
  • Размеры - задайте ширину и высоту видеоролика в пикселах. Если при этом Вы отметите галочку "Сохранять пропорции", при изменении одной величины - вторая будет пропорционально изменяться автоматически.

php5veLfc

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

Настройки. Дополнительно

На вкладке "Дополнительно" располагаются следующие настройки:

  • Имя и Название - используется в коде видеоролика (задаются автоматически, менять их не рекомендуется).
  • Выравнивание - атрибут, позволяющий установить выравнивание видеоролика по правому, по левому, по нижнему или по верхнему краю.
  • Фон - позволяет задать цвет фона, который будет отображаться при воспроизведении видеоролика в полноэкранном режиме, если видеоролик не будет занимать весь экран (зависит от самого видеоролика).
  • Вертикальный отступ - позволяет установить отступ в пикселях, по вертикали.
  • Горизонтальный отступ - позволяет установить отступ в пикселях, по горизонтали.

В зависимости от выбранного на вкладке "Общее" типа тут также могут располагаться настройки для данного типа:

  • Для HTML5 Video:
    • Альтернативные источники 1 и 2 - адрес видео, которое будет использоваться в случае, если браузер не будет поддерживать формат основного видео из поля "Источник".
    • Постер - адрес картинки, которая будет использоваться пока загружается видео или пока пользователь не нажмет на кнопку воспроизведения.
    • Включение/отключение предзагрузки.
    • Включение/отключение автозапуска видео сразу при открытии страницы.
    • Включение/отключение звука.
    • Включение/отключение повтора после окончания видео.
    • Включение/отключение панели навигации при просмотре видео.
  • Для Flash:
    • Используется только параметр "Окно" - при добавлении видеоролика через систему управления по умолчанию выставлен параметр transparent, в результате видеоролик в проигрывателе отображается на фоне сайта, если выставить атрибут window или opaque, область видеоролика будет выделена.

phpI7Jl14

Настройки. Источник

Вкладка Источник содержит HTML-код размещенного видеоролика. В данном разделе можно внести необходимые изменения непосредственно в сам код. При помощи данного раздела можно быстро скопировать код видеоролика и вставить его на несколько страниц с помощью Редактора HTML кода.

phpXQPSyN

Настройки. Редактор S3 Media

Для восполнения функций, неиспользуемых в основном редакторе видео, существует дополнительный редактор - Редактор S3 Media. Для его запуска нажмите правой кнопкой мыши на видеоролик и выберите "Редактировать S3 Media".

phpj4SLR4

В открывшемся окне Вам будут доступны:

  • На вкладке "Общее":
    • Тип - в данном выпадающем списке автоматически подбирается видеопроигрыватель в соответствии с форматом видео.
      • JW player поддерживает следующие форматы - FLV, H.264/MPEG-4, MP3.
      • Flowplayer поддерживает следующие форматы - FLV, SWF, MP3, MP4, H.264 video.
  • На вкладке "Дополнительно" в зависимости от выбранного типа могут располагаться следующие настройки:
    • Автостарт - при отмеченной галочке видео будет начинать загружаться сразу, как только посетитель откроет страницу. При снятой галочке - видео будет загружаться после того, как пользователь включит его самостоятельно.
    • Авто-буферизация - включение/отключение автоматической предзагрузки.
    • URI - адрес видеофайла из раздела "Медиа" (данный параметр не рекомендуется изменять вручную).
    • Позиция панели управления - тут Вы можете выбрать, где отображать панель управления видео (кнопка включения/паузы, время, громкость, полоса прогрузки и пр.): сверху, снизу, поверх видео или вообще не отображать.
    • Отображать основные иконки - включите или выключите основную иконку видеофайла (кнопка включения по центру видео).

Как перейти к редактированию видео

Чтобы внести изменения в параметры уже вставленного в редактор видео, выделите видео в редакторе, нажав на него. Затем - нажмите на кнопку вставки/редактирования видео на рабочей панели.

php7ddREE

Или нажмите на видео правой кнопкой мыши и в меню выберите пункт "Свойства клипа".

phpThCoJW

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