Video Background Not Playing

  • Resolved zarazha

    (@zarazha)


    8 years, 6 months ago

    The video background that I have set is not playing. I have tried using the same video links in a separate website which did work. However, it won’t play anywhere on the site I actually want it on (homepage, regular, etc.).

    The homepage had a lot of information on it in addition to the video, so I thought it might be just not be loading. However, I tried removing pretty much everything else on the homepage, moving the video to another page, and decreasing the file size. But like I said, it loads fine on my other website which uses the same version of WordPress.

    The next thing I tried was plugins: I deactivated all the plugins one by one that weren’t on the other site (for example, if the site that it works on has the same version of plugin A installed, I didn’t test it).

    Here is the website (please pardon the development mess):
    The Website
    The video is supposed to load where the big red space is.

    Slideshow Details:

    • Flex Slider
    • Width: 1280px (but “Stretch” is turned on)
    • Height: 720px
    • Center align is on
    • Loop is set to “Stop on Last Slide
    • Slide Delay is 16000ms
    • This topic was modified 8 years, 6 months ago by zarazha. Reason: Added "Slideshow Details"
Viewing 1 replies (of 1 total)
  • Thread Starter zarazha

    (@zarazha)

    Seems the background video was loading but the default image was showing above it and covering the video. Fixed with this:

    .metaslider .slides .ms-layer img.msDefaultImage {
    z-index: 1;
    }

    .metaslider .slides .ms-layer video {
    z-index: 2;
    }

    .metaslider .slides .ms-layer .msHtmlOverlay {
    z-index: 3;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Video Background Not Playing’ is closed to new replies.