WHAT’S THE ISSUE?
By Default, Colibri theme doesn’t play video on HERO SECTION of a website. Very annoying. Instead of playing the video like the desktop version, it forces us to put a static image. They say, it can’t be done because the mobile browser won’t let you do it. It’s nothing but a big fat lie!
THE SOLUTION
STEP 1
Do exactly like the video:
STEP 2
Go to your hosting File Manager where the website is hosted. Normally the wordpress files are sitting inside public_html folder. Your hosting directry might be different.
Navigate to this path:
wp-content > themes > colibri-wp
STEP 3
Open the php file called
functions.php
STEP 4
Copy the code from below and paste at the end of the line inside functions.php
STEP 5
Now we need to place the video file on our web server. I recommend you rename the video file as “vid.mp4” or “vid1.mp4”.
Simply, upload the video inside the root directory.
Root directory?
where you see all the wordpress folders (wp-content, wp-admin).
NOTE: The video has to be converted enough to be light-weight. Do not upload the video as it is.
Convert the video in 1920X1080. Max bitrate: 5mbps and average 2.5. If you dont have average bitrate option, just convert it in 3.5 mbps.
The video has to be in .mp4
STEP 6
Great!
Now we are ready to place our shortcode.
[full_video src=”https://yourwebsite.com/videoname.mp4″ headline=”Headline”]
What to change: replace https://yourwebsite.com/videoname.mp4 to your site name and video name.
Replace Headline to your desired headline text.