How to Add a Video Background to a Section in Elementor

Подписаться 1,5 тыс.

Просмотров 18 тыс.

50% 1

Learn how to add a video to a section background in Elementor.
Get Elementor Pro: jerad.link/elementor
Learn Elementor Course: jerad.link/learnelementor
Ultimate Addons for Elementor: jerad.link/ultimateelementor
Essential Addons for Elementor: jerad.link/elementoraddons
Exclusive Addons for Elementor: jerad.link/exclusiveelementor
The Plus Addons for Elementor: jerad.link/theplusaddons
Time Stamps
0:00 - Intro
01:13 - Adding a Video Section
03:07 - Compressing a Video
06:16 - Adding Video to Your Site
08:16 - Uploading a Fallback Image
09:37 - Adding Content Over the Video
10:14 - Video on Mobile Devices
11:36 - Adding An Overlay
13:09 - Final thoughts
Your Instructor:
I'm Jerad Hill, a web designer, and online marketer with experience dating back to 1999. I have been working with WordPress since 2005 and started using Elementor in 2019.
Learn more about me: jeradhill.com
My Other RU-vid Channels:
State of Tech: / stateoftech
Gear and Light: / gearandlight
Personal Channel: / jeradhill

Опубликовано:

15 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 27

@safetyhomeloans950 2 года назад

finally I find a video instructor that makes this whole process as simple as it can be. thank you sir for your effort! thumbs UP!!!!

@shah6199 9 месяцев назад

bro believe me you are awesome in this field i will definatly gonna share your channel to others

@SzymonSays1 2 года назад

Great work! Simple and easy to understand content! Appreciate it!

@amigospower Год назад

Your Broo from Morocco. Keep going big broo.iam lucky to find your channel.good job bro

@transformando_santos 6 месяцев назад

Thank you for sharing this information. I don't understand why I put one on RU-vid at the bottom of the section and it has no audio. Do you have any advice for me about this?

@usef221 2 года назад

cool tutorial bro !

@user-mt8gf3ov5i 2 месяца назад

I adjusted the height on the mobile version but the video is still cutting out, if I decrease the width, it'll even cut the video further.

@BetterLifeMethod 2 года назад

thank you very much.

@Rakib-786 Год назад

thank you so much

@MarcPeterBallay Год назад

Thank you.

@DanielSarli 4 месяца назад

is there a way to avoid the cropping on the top and bottom? I'd like to show the video as it is even if I have black edges on the sides.

@carolinemullan2781 2 года назад

I watched and read so much on this subject and finally found this which simply explains everything well. My only question is do we need to upload different file types for different browsers and if so how does it know to select the correct video?

@bernardalexandermcnealy4072 Год назад

I am currently rebuilding my website (advertising/design agency). I struggled with the idea of not using the video I have on the current site. You've answered how I can go about it. Thank you.

@FrancescoSpadoni-pd4fm Месяц назад

if someone enter the site with the "Saving Energy" mode on mobile , how can i show a selected image

@james1010james Год назад

Many thanks for this but which plugin or code do I need to auto play many videos continously?

@luistapiero2826 2 года назад

Muchas gracias saludos desde Colombia, quería saber porque en iPhone cuando está en modo silencio o batería baja no se reproduce. Hay alguna forma de arreglarlo ? Muchas gracias

@marioncouturier5299 2 года назад

I have a background video with text on a vertical slider in Elementor pro. The video is set on play once as it's only a 5sec extract. But it literally only plays once, meaning if I slide back the video won't play at all anymore. Do you have any idea on how to fix this please?

@DopamineOverload Год назад

Is there another method, instead of linking a video, but actually uploading one? Thanks!

@thomasbrunning4709 2 года назад

Hi, I wanted to ask if it's possible to set a video as the background and have a parallax effect on top? Great video btw thanks!

@170cuda Год назад

Yes, with Elementor Pro.

@stephend3961 Год назад

Your missing telling me something, I don't have any options to place content over the video. If I try to drag and drop it just creates a new box beside the video box.

@elivegaSPDYM Год назад

what if you want to keep your audio? how do that?

@Adan251 2 года назад

My video doesn't fit when i turn in mobile adaptation, what i'm doing wrong?

@mekainason3954 2 года назад

Hey, I followed the steps and everything works, however on the mobile version the width of the video is not adjusting properly

@digitalmarketingdad 2 года назад

Did you make adjustments specifically to the mobile layout? You will need to set the width for desktop, tablet, and mobile. See my video on How to use Elementor Responsive Mode.