Две связанные работы Видеокарусель скользит по видео на горизонтальной дорожке. а слайдер галереи показывает один большой предварительный просмотр с миниатюрой под ним, которая является макетом, который люди на самом деле хотят, когда они говорят “видео карусель,”, потому что ряд видео миниатюр одинакового размера является худшим способом смотреть что-либо.
Оба ниже, плюс проблема встраивания, которая делает видеокарусели самым медленным виджетом, который вы можете разместить на странице, и исправление одной строки для нее. Оба виджета являются частью полная коллекция виджетов карусели.
Начните с проблемы скорости страницы
Шесть YouTube встраивается на одной странице примерно 3 МБ стороннего JavaScript до воспроизведения одного видео. Каждый iframe загружает проигрыватель YouTube, его аналитику и инфраструктуру файлов cookie независимо от того, щелкнет кто-либо или нет.
Положите этих шестерых в карусель, и станет еще хуже, потому что карусель раздает все свои горки, включая закадровые, поэтому все шесть iframe инициализируются одновременно.
Исправление - это фасад: показать изображение плаката видео кнопкой воспроизведения, и загрузить реальное встраивание только когда кто-то нажимает Одно изображение вместо шести игроков. большинство видео виджетов имеют опцию “lazy load” или “click to play”, которая делает это; включить его и страница становится на несколько секунд быстрее на мобильном.
Если виджет не предлагает, используйте изображения плаката с лайтбоксом вместо встроенных в него встраиваемых элементов. тот же визуальный результат, доля веса.
Метод 1: Слайдер галереи, предварительный просмотр и миниатюры
The Виджет слайдер галереи дает вам макет, который хочет большинство видео и фотогалерей: большая панель предварительного просмотра со прокручиваемой полосой миниатюр. Это виджет Pro, и это виджет изображения, поэтому он строит макет, а не воспроизведение. если ваша галерея только изображения, без видео, Галерея витринных плит является бесплатным импортным дизайном с такой же раскладкой "тарелка плюс миниатюра", но с видео он не справляется.
- Перетащите в слайдер галереи и откройте вкладку содержимое.
- Создайте свою галерею из медиатеки Для набора видео, который означает кадры плаката здесь, с воспроизведением, обрабатываемым методом 2 или 3.
- Включи миниатюры и установите миниатюру в режим карусели, чтобы она прокручивалась независимо от основного предварительного просмотра.
- Установите позицию предварительного просмотра: миниатюры внизу, вверху, слева или справа Ниже безопасный по умолчанию; левый или правый подходит портретный контент.
- Установите ширину предварительного просмотра так что главная панель не выталкивает миниатюры за кадр на планшете.
Каждое поле виджета указано в Документация Gallery Slider если вам нужна полная ссылка, а не короткий путь.
Режим миниатюрной карусели - это настройка, которая делает эту шкалу Без нее двадцать миниатюр обертываются в четыре ряда и съедают весь порт просмотра. с ним они остаются на одной прокручиваемой линии.
На мобильном телефоне миниатюры ниже предварительного просмотра на трех или четырех видимых. Левое и правое положения автоматически спадают на нижнее, что является правым, потому что боковая полоса на экране 390px не оставляет ничего для предварительного просмотра.
Метод 2: Медиа-карусель, видео, которое воспроизводится в треке
Если видео нужно воспроизводить внутри карусели, а не за щелчком, Медиа-карусель Elementor Pro - это виджет, который это делает. Каждый слайд установлен в Изображение или Видео, а видео слайд принимает YouTube, Vimeo или собственный URL-адрес, размещенный самостоятельно, поэтому смешанные наборы работают в одном треке.
Если набор действительно представляет собой библиотеку, а не полосу, например курс, серию уроков или архив каналов, лучше по форме находится видеоплейлист Elementor Pro. Видео, перечисленные рядом с игроком, каждое с заголовком и продолжительностью, и игрок меняет местами без загрузки страницы. Это список, а не карусель, и это аргумент в пользу этого: названия - это то, как люди решают, что смотреть, а ряд миниатюр заставляет их угадывать.
Назад к карусели.Медиа карусель - единственный виджет здесь, который воспроизводит видео в режиме онлайн, и это тоже его стоимость, для чего и нужны настройки ниже.
- Включите режим лайтбокса. Встроенное воспроизведение означает, что каждый слайд несет игрока. режим Lightbox показывает плакат и загружает игрока на щелчок, который является фасадным узором с верхней части этого поста, встроенного в виджет.
- Не автопроигрывайте первое видео. Звуковая стрельба без подсказки - самый быстрый способ потерять кого-то. Если вам необходимо выполнить автовоспроизведение, отключите звук.
- Поместите время выполнения в подпись. “Как долго это?” - это первый вопрос, который кто-либо задает о видео, и ответ на него перед щелчком поднимает показатели завершения.
Метод 3: Бесплатная карусель с плакатом и видео за щелчком мыши
Нет лицензии и все еще нужна видеокарусель? Два бесплатных маршрута, и оба сохраняют страницу быстрой, потому что ничего не загружается, пока кто-то не попросит об этом.
- Экспортируйте рамку плаката для каждого видео и загружайте их в виде изображений.
- Добавьте их в бесплатную галерею Image Carousel.
- Включите лайтбокс, чтобы щелчок открыл кадр на странице, а не отошел.
- Добавьте наложение кнопки воспроизведения на вкладке Стиль, чтобы слайды читались как видео, а не фотографии. Без этого никто не щелкает.
Это дает вам взгляд. что это не дает вам, так это другое место назначения на слайд, потому что карусель на основе галереи дает каждому слайду одну и ту же ссылку. Если каждому видео нужна своя страница, дайте каждому сообщение и используйте бесплатную Виджет блога вместо этого в режиме карусели: он тянет за миниатюру, заголовок и ссылку на пост, на котором находится видео. На Pro, the Петля Карусель делает то же самое из запроса, поэтому новые видео появляются без редактирования страницы.
Это фасадный рисунок с верха столба, построенный вручную Это самая быстрая версия видеокарусели, которая существует, потому что ничего не загружается, пока кто-то не попросит об этом. Прохождение имиджа карусели покрывает виджет полностью.
Соотношение сторон и то, что его нарушает
Установите 16:9 и установите его на каждом слайде. смешанные соотношения в видеокарусели производят карты разной высоты, и в отличие от сетки, где рваный нижний край простителен, горизонтальная полоса ставит каждое несоответствие непосредственно рядом со своим соседом.
Карты продуктов сталкиваются с одним и тем же по той же причине, и Руководство по карусели продуктов WooCommerce покрывает, как их выровнять.
Обычный виновник - один вертикальный клип в пейзажном наборе. либо дайте ему собственную карусель, либо почтовый ящик в 16:9 с соответствующим фоном. Не позволяйте одному видео 9:16 установить высоту для одиннадцати пейзажных.
Видеосхема
Если видео представляют собой ваш собственный контент и имеют значение для поиска, добавьте VideoObject схема: имя, описание, URL миниатюры, дата и продолжительность загрузки. именно это делает возможным получение результатов с большим количеством видео.
Два условия, которые люди упускают: видео должно быть основным содержанием страницы, а не украшением, а URL-адрес миниатюры должен быть общедоступным. Галерея из шести встроенных видео на странице о не соответствует требованиям для получения результатов с богатым видео, как бы вы его ни отметили, потому что основным контентом страницы является не видео.
Часто задаваемые вопросы
Есть ли у Элементора виджет видеокарусели?
Медиа-карусель Elementor Pro обрабатывает изображения и видео в одной карусели Elementor free не включает ее. Master Addons добавляет в свой уровень Pro Gallery Slider для макета "предварительный просмотр плюс миниатюра", и это виджет изображения, а не видеоплеер. бесплатная Image Carousel может заменить видеокарусель с помощью изображений плаката со световым ящиком.
Как добавить карусель YouTube в Элементоре?
Используйте изображения плаката, а не живые вставки. добавьте миниатюру каждого видео в карусель, свяжите слайд с URL-адресом видео и включите лайтбокс, чтобы он открывался на странице. Шесть живых ифрам YouTube на одной странице имеют размер около 3 МБ стороннего JavaScript; шесть изображений плаката - это лишь малая часть этого.
Почему моя страница медленная после добавления видеокарусели?
Каждое вложение в карусель загружает свой проигрыватель немедленно, включая слайды, которые находятся за кадром, потому что карусель отображает все свои слайды.Включите опцию виджета "ленивая загрузка" или "нажатие на игру", чтобы загружалось только изображение плаката, пока кто-то не щелкнет, или переключитесь на изображения плаката с помощью лайтбокса.
Чем отличается ползунок галереи от имиджевой карусели?
Ползунок галереи имеет две связанные части: одна большая панель предварительного просмотра плюс полоса миниатюр, которая перемещается по ней. Карусель изображения - это один ряд слайдов одинакового размера. используйте ползунок галереи, когда предметы заслуживают правильного взгляда по одному; используйте карусель, когда вы показываете набор.
Как добавить миниатюры в ползунок Elementor?
Используйте виджет Gallery Slider, включите миниатюры на вкладке контента и переключите полосу миниатюр в режим карусели, чтобы длинный набор оставался на одной прокручиваемой строке вместо того, чтобы переходить в строки. Установите позицию предварительного просмотра ниже, выше, слева или справа под макетом.
Могу ли я смешивать изображения и видео в одной карусели Элементора?
Да. Медиа-карусель Elementor Pro изначально поддерживает смешанные типы. С помощью бесплатной карусели изображений используйте изображения плакатов для видео и свяжите эти слайды с URL-адресами видео, чтобы изображения и видео вели себя как слайды, а только видео загружалось нажатием.
Которую построить
Курс или серия учебных пособий: Видео плейлист Elementor Pro, потому что названия и продолжительность делают работу. видео, которые должны играть в карусели трек: Медиа Карусель, с лайтбокс режим включен. Портфолио катушка или демо-версии продукта: Галерея Слайдер с миниатюрами. горстка видео на маркетинговой странице и без лицензии: бесплатный Изображение Карусель с изображениями плаката и лайтбокс, который также является самым быстрым из трех. И если видео было только фоновой текстурой для раздела героя, бесплатно Фон Расширение слайдера вместо этого вращает неподвижные изображения, что составляет небольшую часть веса зацикленного видео.
Ни один из двадцати Виджет Строитель дизайн обрабатывает видео, так что это одна работа, где стандартные виджеты являются ответом. Для всего остального в наборе страница ценообразования показывает, какой уровень применяется, и карусель против слайдера сначала решает вопрос формата.
Все они на Виджеты карусели Элементор страница, и распад бесплатного и профессионального охватывает, на каком уровне находится каждый.
