Video Background using Jarallax

A YouTube video or Vimeo video or a mp4 video appearing like a background of a Bricks Section using Jarallax.

Add this in your Page/template → Settings → PAGE SETTINGS → CUSTOM CODE.

Header scripts:

<link href="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.css" rel="stylesheet">

Body (footer) scripts:

<script src="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/jarallax@2/dist/jarallax-video.min.js"></script>

What gets copied: Section.

The demo below shows a YouTube video.

To change the video source, select the Div element (direct child of the Section) and change its data-video-src attribute’s value (under STYLE).

Sample URLs:

For YouTube:

https://www.youtube.com/watch?v=yJL_G2aTsO0

For Vimeo:

https://vimeo.com/110138539

For self-hosted video:

mp4:https://bricks-playground.wpbuild.ing/wp-content/uploads/2023/12/typing-10839.mp4