Use mp4 video instead of jpg within the main title text slider

[KMazor]

Hi there!

I just purchased your theme and am exploring how I want to implement it for my business.

One thing I would really love to do is use an mp4 as the content within the main title text slider instead of an image. I tried out a webp video which worked without issue, but an mp4 would be much more size efficient.

Is there any way for me to accomplish this?

Thanks!

[KMazor]

Whoops accidentally made an img link instead of link link before. Here’s the
test with webp video

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

Do you mean that the MP4 does not work? Could you please leave the issue page url? Thanks

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[KMazor]

Sorry the website actually isnt live yet.

Or did you mean you have an issue page?

[KMazor]

Here’s the code for what I’m referring to. It will work with a webp video but not with an mp4 (as the code shows below) for some reason.

Any thoughts?

<!-- Main Content Wrap -->
        		<div id="wrap">

                    <!-- Top Slider -->
                    <div class="top-slider top-slider-text">

                        <div class="text-slider-inn middle-ux">
                            <h1 class="slider-headding slider-headding-1 headding-with-bg" data-bg="img/abstractreel.mp4">Mazor Creative</h1>
                        
                            <div class="slider-con">
                                <div class="slider-con-inn">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam..</p>
                                </div>
                            </div>
                        </div>

                    </div><!-- End top-slider -->

[SeaTheme]

HI,

The effect is implemented by the css property background-image, and the CSS background-image does not support mp4 format.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[KMazor]

Is there any way for me to adjust things to make an mp4 work instead?

[SeaTheme]

Hi, It is not possible to use mp4, you can try to use GIF

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[KMazor]

Ok thanks! With that in mind, is there any way that I could make it so that background-image is always scaled to be just large enough to fit the headding-with-bg text scale? That would let me use a smaller file resolution.

[SeaTheme]

Welcome.
The fixed value of background-attachment does fill fullscreen, you can disable it by the CSS:

.backgroundcliptext .headding-with-bg.slider-headding { 
    background-attachment: scroll;
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts