Главная » Frontend » Как вставить видео на страницу в Avada?
2018/04/01Метки: ,

Как вставить видео на страницу в Avada?

Тема Avada для вордпресса пользуется большой популярностью. На ней собираются тысячи сайтов, и порой на промо-страницах требуется разместить видео-ролик. Для этого в визуальном редакторе Fusion Builder есть множество способов.

Например, если перейти во вкладку «Builder Element», то там можно обнаружить такие компоненты, как Youtube и Vimeo, которые осуществляют вставку видео с одноименных платформ видеохостинга. Там даже есть вставка аудио-файлов через платформу Soundcloud.


Однако в настоящей заметке мы рассмотрим, как вставить на страницу видео-файл, не выкладывая его на сторонние площадки, залив ролик только на свой сервер.

Итак, перейдём в левом меню в «Медиафайлы», затем в выпадающем меню в «Библиотека файлов». Загружаем видеоролик в формате mp4, данный формат на сегодняшний день поддерживается всеми современными браузерами.


После загрузки нужно зайти в «Параметры файла», кликнув по загруженному файлу, который появится в общем списке. В открывшемся окне справа будет ссылка на видео-файл. Эту ссылку нужно скопировать.


Переходим на страницу, куда необходимо добавить ролик. Перетаскиваем компонент «Code» в нужное место и нажимаем иконку редактирования.

В появившемся модальном окне необходимо в поле «Code» вставить следующий код, где в значении атрибута src должна быть ссылка, которую мы запомнили при загрузке ролика в библиотеку:

<video src="/wp-content/uploads/name_video.mp4" controls style="width: 100%"></video>

Стоит отметить, что загружать видео большого размера и высокого качества на свой хостинг не стоит. Пропускная способность большинства хостингов ограничивается 100 Мбит/с. При большой количестве посетителей на сайте возможна ситуация, когда сразу 10-20 человек начнут смотреть ролик, тем самым забьют весь исходящий канал. Сайт начнёт открываться очень медленно, что приведёт к большому количеству отказов.

Метки: Метки: ,
Понравилась статья? — Ставь лайк!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

×
Новости и обзор новинок рынка строительной техники.
Подпишитесь на обновления нашей группы!