How to add a video to the banner on my website?

How to add a video to the banner on my website?

Adding a video to the banner or any section of your course site makes it more interactive and engaging. However, do note that since Google gives a very high rating to site page load speed and mobile responsiveness, adding videos on the banner section will significantly slow down the page loading speed which impacts your SEO ratings. You can read more about Page speed and SEO ratings here: https://moz.com/learn/seo/page-speed.

InfoRecommended: Upload video on YouTube/ Vimeo and then add as an embed. Learn more here how: Embed A Video
As shown below, a better alternative is to add a video section in the banner as shown above and embed a YouTube/ Vimeo video. Since the video will load on click, the page loading speed will not be impacted.


Upload your Video in the File Manager 

Here's how to upload your video in the file manager


  • Go to Website Builder> File Manager
  • Upload your Video
  • Copy and Save the uploaded file link

Here's how to insert the section to paste the video link. 


  • Switch to Edit mode
  • Add Video Section on the page
  • Move it to the top of the page 
  • Click on the HTML code to edit
  • Delete the current URL and Paste the saved link
  • Click OK
  • Click Save 

Important Considerations

  • When a video is added in the banner section, the video plays in a loop without audio.
  • Large-size videos will affect the site loading speed. Optimize your video before uploading. Keep the size up to 100 MBs.
  • Recommended video dimensions are: 1920X1080
  • Supported Files include: mp4, wmv, avi, and flv.

    • Related Articles

    • How to change the video on the banner on your website's landing page?

      The landing page video snippet allows the video to be played automatically without the need to create a play button. Additionally, the video will play on all devices irrespective of the OS. This means that whether the OS is windows, Mac, android or ...

    • What type of sections can I add to my website pages for designing?

      This article shows how a user can include a wide range of exciting sections, including background images and eye-catching slideshows to their site. When designing your website on Knorish, you'll find plenty of section options. To add them, go to the ...

    • How to enable banner sliders on your site?

      In this article, we’ll show you how to add abanner slider with text on your site. Banner sliders make a site more easily identifiable to visitors. They allow creators to utilize limited space efficiently by displaying multiple images or messages in a ...

    • Install or add a new website theme

      Choosing a theme for your Knorish site is an exciting step towards creating a professional and visually appealing online brand. All Knorish website themes are mobile responsive, fast loading, and come with standard pages like home, about us, course ...

    • How do I add a countdown timer to my website?

      Countdown timers help to show a countdown to some special offer starting or the offers ending. This can lead to reduced abandoned carts& increased sales. Here are the steps to setup a countdown timer on your site page. Create a Count-down Timer For ...