XF 2.0 Not sure how to add this for background

iamjudd · Mar 22, 2018

I want to add this video background that currently uses this in a regular html page:

CSS:

Code:

#background {
    overflow: hidden;
}

#background video {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -50%;
    left: -50%;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -o-filter: brightness(50%);
    -ms-filter: brightness(50%);
}

HTML:

Code:

        <div id="background">
            <video autoplay loop>
                <source src="images/video.webm" type="video/webm">
            </video>
        </div>

iamjudd · Mar 22, 2018

Alright so I got it to show up but it is only showing on the main page and not when you go to profiles, threads, etc...

Added the css to extra.less and the div to page_container under <body data-template="{$template}">

iamjudd · Mar 23, 2018

Here is a link to show what I mean:
https://mavericksforum.com/

Again, does not show when going to a thread or anywhere else except for the forum list.

DL6 · Mar 23, 2018

Replace the html with this:

HTML:

        <div id="background">
            <video autoplay loop>
                <source src="https://mavericksforum.com/styles/mavericks/images/video.webm" type="video/webm">
            </video>
        </div>

iamjudd · Mar 24, 2018

DL6 said:

Replace the html with this:

HTML:

        <div id="background">
            <video autoplay loop>
                <source src="https://mavericksforum.com/styles/mavericks/images/video.webm" type="video/webm">
            </video>
        </div>

I already have it like that, that is not the issue.

DL6 · Mar 24, 2018

iamjudd said:
I already have it like that, that is not the issue.

You have this

Check the browser console

Put the full url path.

iamjudd · Mar 26, 2018

DL6 said:
You have this
View attachment 171757
Check the browser console
View attachment 171758
Put the full url path.

derp, okay that did fix it, thanks my dude!

XF 2.0 Not sure how to add this for background

iamjudd

Well-known member

iamjudd

Well-known member

iamjudd

Well-known member

DL6

Well-known member

iamjudd

Well-known member

DL6

Well-known member

iamjudd

Well-known member

Similar threads

We value your privacy