You can add video to the banner or any section of the page. The process is pretty simple and even allows you to add videos without the need to use YouTube or Vimeo. This is specifically to add a video in the background as part of the site and not an embed. This means the video will play in a loop continously and will start automatically from the moment a user reaches that section as shown on the banner section of this website.
Word of caution: While the website would look super cool, do note that it does come with its own perils. the video has to be carefully chosen to ensure it views properly on Mobile phones and the aspect ratio has to be great and so on and so forth. Additionally, it does slow down the page loading speed as well which is bas for Search Enginer Optimization as well.
With that in mind, here's how you add videos in the banner section or in the background of any section of any page on your site. Please follow the steps listed below to understand how to add a video in the background
Step 1: Add the video file in the file manager of the website
Access the dashboard, under the website manager, click on file manager. Here, at the bottom of the page, click on upload file and upload the file from your laptop/PC/Mobile.
Note: The file manager onlhy allows uploading of file size upto 100 MBs.
Step 2: Copy the File Link
The latest file upload gets added to the top of the list. Copy the link from the top as shown above and paste it on a notepad for safekeeping.
Step 3: Setting Up The Page For Pasting The Video
To add the link on to the website, you would need to add a video section first. For example, the site shown below has an image.
So to change from an image based banner to a video, you need to add the section which has the Video in it.
Hence, enter the edit mode and click on add section.
Then, select the one which has the video as marked in the image below. Once selected, the section gets added to the bottom of the page automatically.
Click on the spanner icon as shown above. Here, you will get the pop up where you can use the four options to move the section as per your location choice on this page. As seen in the GIF below.
Once the section is in the location you need it to be, simply click on the orange HTML icon to access the section code
On clicking the HTML code, you will be able to access the code section. Here, carefully paste the code that you had copied in Step 2
NOTE: This is a custom code section. Any other changes may not produce the intended result. Hence follow the instructions listed below carefully.
The link in the file manager on your site starts from //knorish-cdn.azureedge.net/ .... Hence, copy paste the code after https: and you will be good to go.
IMP NOTE: Copy paste the link after https: and press OK to complete the process. Once the video is changed, do click on save to save your progress.
This would change the video as needed.