Этот компонент не поддерживается на платформах "Google Реклама" и Google AdMob, а также в объявлениях AMPHTML, видеорекламе и графических объявлениях.
Компонент "Видео" позволяет встраивать видео в проект и добавлять интерактивные функции.
Чтобы показывать видео с YouTube, используйте компонент YouTube.
Как добавить в проект компонент "Видео"
- Откройте панель Компоненты, а затем папку Мультимедиа.
- Перетащите компонент Видео
в рабочую область. Если вы создаете объявление, можно также использовать команду Файл > Импортировать объекты и пропустить следующий шаг.
- На панели Свойства в разделе компонента Видео введите URL исходного видеофайла в поле Источники. Чтобы использовать локальное видео, нажмите в этом поле кнопку Обзор
и выберите файл на компьютере.
- Чтобы пользователи могли взаимодействовать с видео, добавьте интерактивные элементы и временные точки. Дважды нажмите на компонент "Видео" в рабочей области, чтобы открыть интерактивное окно видео.
- Интерактивные элементы отображаются поверх компонента "Видео" в указанное время.
- Временные точки позволяют связывать события с определенными моментами во время воспроизведения видео.
Видео в мобильных браузерах
В мобильных браузерах функция автовоспроизведения видео может быть отключена для экономии трафика. Чтобы оптимизировать объявление для мобильных браузеров, рекомендуем отключать автовоспроизведение и использовать вместо него кнопки управления просмотром.
На панели "Свойства":
- снимите флажок Автозапуск;
- установите флажок Показать элементы управления.
Интерактивное окно видео
В этом окне можно просматривать видео, а также добавлять интерактивные элементы и временные точки, которые отмечаются на временной шкале. Интерактивные элементы отображаются на видео, только когда ползунок расположен между временем их начала и окончания.
Элементы управления в интерактивном окне видео
Под видео расположены следующие кнопки, которые можно использовать для управления воспроизведением и положением ползунка:
| Перейти назад (к временной точке, началу или концу интерактивного элемента или началу видео) | |
| Предыдущий кадр | |
| Воспроизвести или приостановить | |
| Следующий кадр | |
| Перейти вперед (к временной точке, началу или концу интерактивного элемента или концу видео) |
Вы также можете изменять время воспроизведения видео. Для этого нажмите на время, выделенное желтым, и введите новое значение в секундах.
Добавление временной точки
- Если ползунок находится на том месте временной шкалы видео, куда нужно добавить временную точку, нажмите под видео кнопку Создать временную точку
. Или нажмите правой кнопкой мыши на временную шкалу и в контекстном меню выберите Добавить временную точку.
- Над временной шкалой появится маркер временной точки
.
- Чтобы изменить идентификатор временной точки, используйте панель "Свойства" справа или нажмите правой кнопкой мыши на временную точку и выберите Изменить идентификатор.
- Чтобы переместить временную точку, перетащите ее маркер на временной шкале или введите новое время на панели "Свойства". Временные точки должны находиться на расстоянии не менее чем полсекунды друг от друга.
Закройте диалоговое окно. Теперь вы сможете ссылаться на временную точку в событиях и действиях.
Удаление временной точки
Нажмите правой кнопкой мыши на маркер временной точки и выберите Удалить.
Добавление интерактивного элемента
- Перетащите ползунок на то место временной шкалы, куда нужно добавить интерактивный элемент.
- Нажмите кнопку + Интерактивный элемент слева от временной шкалы. Снизу появится новая дорожка интерактивных элементов.
- На панели "Свойства" справа выберите объект, который должен отображаться поверх видео.
- Пропустите этот шаг, если нужно, чтобы интерактивный элемент был прозрачным.
- Если используется видеообъект, видео начнет воспроизводиться автоматически без элементов управления при отображении интерактивного элемента.
- Настройте положение, размер и время отображения интерактивного элемента.
- По умолчанию интерактивный элемент отображается на протяжении всего видео, в том числе до и после воспроизведения.
- Вы можете вносить изменения на панели "Свойства", а также перетаскивать интерактивный элемент, маркеры изменения размера или полосу интерактивного элемента на временной шкале.
Чтобы интерактивный элемент реагировал на нажатия пользователя, закройте это окно и настройте соответствующее событие, выбрав Мышь > Клик.
Интерактивные элементы не работают на полноэкранных видео.
Удаление интерактивного элемента
Нажмите на значок X рядом с идентификатором интерактивного элемента слева от временной шкалы.
Свойства
Свойства компонента "Видео"
Свойства компонента "Видео" отображаются на панели "Свойства". Чтобы открыть ее, нужно выйти из интерактивного окна видео.
| Свойство | Описание |
|---|---|
| Название | Название компонента. |
| Автозапуск | Если этот флажок установлен, видео будет автоматически воспроизводиться при загрузке страницы. Автовоспроизведение поддерживается не во всех мобильных браузерах. |
| Повтор | Если этот флажок установлен, воспроизведение видео будет повторяться. |
| Отключить звук | Если этот флажок установлен, видео будет воспроизводиться без звука. |
| Элементы управления | Если этот флажок установлен, отобразятся элементы управления видеозаписи. |
| Источники | URL исходного видеофайла. Можно использовать несколько источников в разных форматах через запятую. Можно связать с динамическими данными. |
| Постер | URL кадра, который отображается до запуска или перемотки видео. Можно связать с динамическими данными. |
Свойства временной точки можно просматривать и редактировать в интерактивном окне видео.
| Свойство | Описание |
|---|---|
| Идентификатор | Идентификатор временной точки. |
| Время | Время, на которое установлена временная точка, в секундах. Можно связать с динамическими данными. |
Свойства интерактивного элемента можно просматривать и редактировать в интерактивном окне видео.
| Свойство | Описание |
|---|---|
| Идентификатор | Идентификатор интерактивного элемента. |
| Слева | Левое положение интерактивного элемента в процентах от ширины компонента "Видео". Можно связать с динамическими данными. |
| Сверху | Верхнее положение интерактивного элемента в процентах от высоты компонента "Видео". Можно связать с динамическими данными. |
| Ширина | Ширина интерактивного элемента в процентах от ширины компонента "Видео". Можно связать с динамическими данными. |
| Высота | Высота интерактивного элемента в процентах от высоты компонента "Видео". Можно связать с динамическими данными. |
| Время отображения | Время, когда интерактивный элемент становится видимым, в секундах. Неприменимо, если выбрано Показывать перед воспроизведением. Можно связать с динамическими данными. |
| Показывать перед воспроизведением | Позволяет выбрать, отображается ли интерактивный элемент перед началом воспроизведения видео. |
| Время скрытия | Время, когда интерактивный элемент перестает быть видимым, в секундах. Неприменимо, если выбрано Показывать после воспроизведения. Можно связать с динамическими данными. |
| Показывать после воспроизведения | Позволяет выбрать, отображается ли интерактивный элемент после окончания воспроизведения видео. |
| Объект | Изображение, видео или группа, которые отображаются как оверлей. Можно связать с динамическими данными. |
| Масштаб | Позволяет указать способ масштабирования для случаев, когда размеры объекта-изображения и интерактивного элемента отличаются:
|
События и действия
Подробнее о том, как настраивать события…
События
События, отправляемые компонентом "Видео"Перечисленные ниже события компонента "Видео" могут инициировать другие действия.
| Событие | Описание |
|---|---|
| Воспроизведение после паузы | Отправляется, когда пользователь возобновляет воспроизведение медиафайла после паузы. |
| Приостановлено | Отправляется, когда пользователь приостанавливает воспроизведение. |
| Воспроизведение | Отправляется после начала воспроизведения медиафайла (как после паузы, так и после окончания и повторного воспроизведения). |
| Завершено | Отправляется после завершения воспроизведения. |
| Изменение громкости | Отправляется после изменения громкости звука (если изменить настройки громкости или атрибут свойства muted). |
| Перемотано | Отправляется после завершения перемотки. |
| Буферизация | Отправляется, когда запрошенная операция (например, воспроизведение) задерживается до завершения другой операции (например, перемотки). |
Чтобы выбрать одно из этих событий в диалоговом окне Событие, установите компонент "Видео" как цель.
Если добавить в видео временную точку, перечисленные ниже события могут инициировать другие действия.
| Событие | Описание |
|---|---|
| Временная точка достигнута | Отправляется, когда воспроизведение медиафайла достигает времени, указанного во временной точке. |
Чтобы выбрать это событие в диалоговом окне Событие, установите временную точку как цель.
Если добавить в видео интерактивный элемент, перечисленные ниже события могут инициировать другие действия.
| Событие | Описание |
|---|---|
| Интерактивный элемент отображается | Отправляется, когда интерактивный элемент становится видимым. |
| Интерактивный элемент скрыт | Отправляется, когда интерактивный элемент остается скрытым. |
Чтобы выбрать одно из этих событий в диалоговом окне Событие, установите интерактивный элемент как цель.
Действия
Действия, выполняемые компонентом "Видео"Другие события могут инициировать перечисленные ниже действия в компоненте "Видео".
| Действие | Параметры настройки |
|---|---|
| Включение и отключение звука | Нет |
| Пауза | Нет |
| Воспроизведение | Нет |
| Повтор | Нет |
| Перемотка | Время: время перемотки в секундах. |
| Задать громкость | Задать громкость (0–100): громкость видео в процентах |
| Указать источники | Источники: URL источников видео в разных форматах через запятую. |
Выбрав одно из этих действий в диалоговом окне Событие, установите компонент "Видео" как получатель.
Если добавить в видео временную точку, другие события могут инициировать перечисленные ниже действия.
| Действие | Параметры настройки |
|---|---|
| Перейти к временной точке | Нет |
| Задать время для точки | Время: время в секундах. |
Выбрав одно из этих действий в диалоговом окне Событие, установите временную точку как получатель.
Если добавить в видео интерактивный элемент, другие события могут инициировать перечисленные ниже действия.
| Действие | Параметры настройки |
|---|---|
| Изменить видимость | Показать интерактивный элемент: отобразить интерактивный элемент. Чтобы скрыть его, снимите этот флажок. |
| Перейти к времени показа или скрытия | Перейти к времени показа: перемотать на время отображения интерактивного элемента. Чтобы перемотать на время скрытия, снимите этот флажок. Это действие лучше использовать для интерактивных элементов, которые отображаются до или после воспроизведения, а не во время, иначе эффект будет кратковременным. |
| Задать время |
|
Выбрав одно из этих действий в диалоговом окне Событие, установите интерактивный элемент как получатель.
Предварительный просмотр
Чтобы открыть предварительный просмотр в интерактивном окне видео, дважды нажмите на компонент "Видео" в рабочей области. Предварительный просмотр в диалоговом окне не полностью отображает интерактивные элементы с анимацией.
Чтобы посмотреть компонент вместе с другими элементами в документе или протестировать событие, закройте окно "Интерактивные видео" и нажмите кнопку Предпросмотр в правом верхнем углу.