how to upload a video to hostinger website builder
To add a video to your website using Hostinger Website Builder, you have several options:(Hostinger)
1. Embedding YouTube or Vimeo Videos:
Hostinger Website Builder supports direct embedding from YouTube and Vimeo:
- Upload your video to YouTube or Vimeo.
- In the Hostinger Website Builder editor, expand the Add elements panel on the left.(Hostinger)
- Drag and drop the Video element onto your desired section of the webpage.(Hostinger)
- Click on the video element, then select Edit video.(Hostinger)
- Enter the video’s URL from YouTube or Vimeo.(Hostinger)
- Adjust settings like autoplay, loop, and video controls as needed.(Hostinger)
Note: Ensure you’re using the full video URL. For YouTube, the format should be https://www.youtube.com/watch?v=video-id
. (Hostinger)
2. Adding Videos from Your Local Device:
To use a video stored on your computer:
- Upload the video to a cloud storage service like Google Drive.
- Obtain the embed code (iFrame) for the video. For Google Drive:(Hostinger)
- Open the video in Google Drive.
- Click on the three dots (More actions) and select Open in new window.
- In the new window, click on the three dots again and choose Embed item…
- Copy the provided embed code.
- In Hostinger Website Builder, add an Embed code element to your page.(Hostinger)
- Paste the copied iFrame code into the embed element.(Hostinger)
- Update your website to reflect the changes.(Hostinger)
Note: This method allows you to host videos without relying on third-party platforms like YouTube or Vimeo. (Hostinger)
3. Adding a Video Background to a Section:
To set a video as a section’s background:(Hostinger)
- Click on the section you wish to edit and select Edit section.(Hostinger)
- Choose Image background settings.(Hostinger)
- Currently, only Pexels videos are supported directly. To use your own video:(Hostinger)
Caution: Using GIFs as backgrounds may impact website performance due to their size. (Hostinger)
By following these methods, you can effectively incorporate videos into your Hostinger-built website to enhance user engagement.