Scroll

Как добавить видео на страницу шаблона Moto CMS 3

Данная инструкция поможет вам добавить видео на страницы шаблона Moto CMS 3. Для этого Вам будет необходимо выполнить следующие инструкции:

1) Сконвертируйте ваш видеофайл в формат *.mp4

2) Добавьте Ваш видеофайл в Медиатеку

3) Выделите добавленный Вами файл и скопируйте путь к нему из поля "URL файла". Ваш путь должен быть похож с этим примером:
/mt-content/uploads/2015/10/vid-banner-03.mp4

4) Замените текст path_to_your_file в коде который мы предоставили ниже на путь который вы скопировали в предыдущем шаге.

<video autoplay="" loop="" height="100%" width="100%"><source src=".path_to_your_file" type="video/mp4"></video>

Например, если ваш путь к файлу выглядит следующим образом /mt-content/uploads/2015/10/vid-banner-03.mp4, то из оригинального кода:

<video autoplay="" loop="" height="100%" width="100%"><source src=".path_to_your_file" type="video/mp4"></video>

После внесения изменений вы получите ваш модифицированный код:

<video autoplay="" loop="" height="100%" width="100%"><source src="./mt-content/uploads/2015/10/vid-banner-03.mp4" type="video/mp4"></video>

Пожалуйста обратите внимание что символ "." перед текстом path_to_your_file необходимо оставить, так как его удаление приведет к некорректной работе видео.
Также вы можете изменить поведение вашего видео, редактируя данный код:

  • Для добавления инструментов управления для вашего видео (кнопку паузы, полосу прокрутки и прочее) пожалуйста добавьте код controls="" после <video. Код с данным значением будет выглядеть следующим образом:
    <video controls="" autoplay="" loop="" height="100%" width="100%"><source src=".path_to_your_file" type="video/mp4"></video>
  • Вы можете отключить функцию автовоспроизведения видео, удалив часть кода autoplay="". В данном случае мы рекомендуем добавить инструменты управления из предыдущего шага для того, чтоб вы могли запустить видео вручную.

  • Вы можете отключить повторение видео ролика, удалив часть кода loop="" 

5) Теперь добавьте на вашу страницу виджет "Встроенный код" и вставьте ваш код в поле "Вставьте HTML код".

6) Выполнив Все эти действия, вы добавите видео к себе на страницу. Теперь вы можете открыть ваш сайт и проверить воспроизведение видео.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 1
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk