{"id":436,"date":"2025-01-17T11:24:39","date_gmt":"2025-01-17T11:24:39","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2025\/01\/17\/10420044-hostinger-website-builder-how-to-add-a-video-background-to-a-section\/"},"modified":"2026-10-01T11:44:38","modified_gmt":"2026-10-01T11:44:38","slug":"10420044-hostinger-ai-builder-manual-mode-how-to-add-a-video-background-to-a-section","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/10420044-hostinger-ai-builder-manual-mode-how-to-add-a-video-background-to-a-section\/","title":{"rendered":"Hostinger AI Builder: How to add a video background to a section in manual mode"},"content":{"rendered":"

Add a video background to a section on your Hostinger AI Builder<\/a> manual mode website using the free video backgrounds provided in the section settings.<\/p>

Add a video background<\/h2>
    \n
  1. Within the builder, click on the section you want to edit and select Edit section<\/b><\/a>:
    \n\"Hostinger<\/li>\n
  2. Choose background settings:
    \n\"\"<\/li>\n<\/ol>
    <\/div>

    Currently, the video background only supports video Pexels.<\/p>

    To use your own video as a section background you may convert your video to .gif<\/a> and upload the GIF as a section background image<\/b>.<\/p>

    \n

    It is not recommended to use GIFs<\/b> for a section background because they may affect your website speed. <\/b>See how to add an image background to a section<\/a> for more details.<\/p>\n<\/div>

    Video backgrounds can also be accessed and applied from section settings<\/b> by selecting the “Video<\/b>” option from the background tab <\/b>and then choosing out of the list of free video backgrounds provided there:<\/p>