Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. background video

background video

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 211 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    S Offline
    Sunnyi
    wrote on May 6, 2021, 8:15 PM last edited by
    #1

    Re: video background

    hi there,

    Is it possible to have a fixed background video (mute, autoplay, loop) on the landing page?

    I put it in the gridder now:
    http://schreinerwehr.schreinerwehr.de/

    but actually I want it to be the background (on landing page).

    like this: https://lump200.com/

    Can you help me?

    Thanks a lot,
    Sunnyi

    1 Reply Last reply
    0
    • R Offline
      R Offline
      Richard
      Global Moderator
      wrote on May 11, 2021, 6:37 AM last edited by
      #2

      Dear @Sunnyi

      @Sunnyi

      Lets Do That!


      Screen Shot 2021-05-11 at 6.27.34 PM.png

      1. Right-click first row in Gridder
      2. Set Row Video Background
      3. Use Browser Height For Row Height
      4. Edit HTML Class and Id

      Screen Shot 2021-05-11 at 6.32.05 PM.png

      1. Give the row the Class name: fixed-video

      In:

      Lay Options > Custom CSS & HTML > Custom CSS

      Add the following code:

      .fixed-video {
          position:fixed;
          width:100vw;
          height:auto;
      }
      

      Best wishes Sunnyi, hope this helps & have a wonderful day 🌼

      Sincerely
      Richard
      1 Reply Last reply
      0
      • S Offline
        S Offline
        Sunnyi
        wrote on May 12, 2021, 8:13 AM last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • S Offline
          S Offline
          Sunnyi
          wrote on May 12, 2021, 8:17 AM last edited by
          #4

          Dear Richard,

          thanks for the instruction and the code, it helped out a lot and it's a step in the right direction.

          Unfortunately the linked icons/thumbnails are now stuck at the top of the video when entering the page. But I want them to appear/move up by scrolling down (like here: https://lump200.com/ ).

          Also the footer (Imprint/Scroll to top buttom) should appear by scrolling (underneath the icons) on the video background.
          The background picture (with the smoke) should not appear on the landing page, just on the subpages.
          I'm not quite sure, but I think a need the video as a "real" background on the landing page and not a row background.

          Thanks for the help,
          Sunnyi

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes

          1/4

          May 6, 2021, 8:15 PM


          I also code custom websites or custom Lay features.
          💿 Email me here: 💿
          info@laytheme.com

          Before you post:
          1. When using a WordPress Cache plugin, disable it or clear your cache.
          2. Update Lay Theme and all Lay Theme Addons
          3. Disable all Plugins
          4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

          This often solves issues you might run into

          When you post:
          1. Post a link to where the problem is
          2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
          3. If the problem is difficult to explain, post screenshots / link to a video to explain it
          Online Users
          C
          craigfeldspar
          23 minutes ago
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          1 out of 4
          • First post
            1/4
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search