In Twitter a user asked: @srikat Client loves Infinity Pro-is it possible or is there a tutorial to add a video background on the home page? #GENESIS #WordPress — Sun Coast Web Studio 🇺🇦 (@SunCoast_Web) January 16, 2017 We can easily set up background video for any section in WordPress using the free Video Background […]
Background Video
Background Video in Front Page 1 section of Atmosphere Pro
In this tutorial we shall set up a background video on top of the front image in Atmosphere Pro using Video Background WordPress plugin. Using this plugin for background video (for the entire body or for a specific div) is certainly the best and easiest method thus far. The only caveat at this time is […]
How to replace Front Page 1 background image in Aspire Pro with a Video
Updated on January 05, 2017 In the comments section of How to replace image background with a video for Front Page 1 section of Altitude Pro using BigVideo a user asked, Hi Sridhar, I was hoping that I could get this to convert to the Aspire theme, I have followed your steps and made changes […]
Video Background using Vide for Front Page 1 widget area in Altitude Pro
In one of my earlier articles titled Video Background for Front Page 1 in Altitude Pro I showed how the background image in Front Page 1 section of Altitude Pro can be replaced with a background video using Coverr method. In this tutorial I show how the same can be done in a much simpler […]
Video Background in Genesis using Vide
In the members-only forum a user posted, Sridhar, I want to create a landing page on one of my Genesis sites (using eleven40 – http://my.studiopress.com/themes/eleven40/) that has a landing page with a video background. There are plenty of video background solutions (here is one I found on ProductHunt yesterday – https://rishabhp.github.io/bideo.js/) but I just need […]
Video Background for Front Page 1 in Altitude Pro
Updated on 20 Jun 2022 This premium tutorial provides the steps to set up a background video for the first section in Altitude Pro using the Video Headers feature in WordPress. Live Demo Tested in Genesis 3.3.5 and Altitude Pro 1.5.1. Step 1 Enable support for custom header and set the minimum viewport width to […]
Video hero section in Workstation Pro
In this article I share the steps for implementing code based on the one from Coverr website below the header in Workstation Pro for showing text overlayed on top of a looping video. Screenshot: Live Demo On handhelds the video’s poster image will appear in place of the video. Step 1 Create a directory named […]
Video Background Hero Section with Vimeo Video Pop Up on Click in Genesis
In this article I provide details of displaying a ambient video as a background in a hero section on front page with a widget overlay in Genesis. Clicking on play button inside the widget will open a Vimeo video nearly full screen. When the user clicks anywhere around the video, it will pause and fade […]
How to replace Home Section 1’s Parallax Image Background with Video Background using BigVideo.js
Update on December 13, 2018 The method below is NOT recommended. Follow this instead. In the past I wrote a tutorial on setting up looping video background for homepage’s first section in Parallax Pro here. Today I am going to show how BigVideo can be used to set up the same. This method is more […]
Video Background in WordPress using BigVideo.js
In this tutorial I show how BigVideo.js, a jQuery plugin that uses Video.js for background video can be set up in WordPress. Live Demo In handhelds devices like tablets and mobiles, a poster image (screenshot of one of the video frames, usually the first one) is going to be set to appear in place of […]
Recent Comments