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.