{"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":"2025-08-28T13:35:40","modified_gmt":"2025-08-28T13:35:40","slug":"10420044-hostinger-website-builder-how-to-add-a-video-background-to-a-section","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/10420044-hostinger-website-builder-how-to-add-a-video-background-to-a-section\/","title":{"rendered":"Hostinger Website Builder: How to Add a Video Background to a Section"},"content":{"rendered":"<p class=\"no-margin\">If you use <b>Hostinger Website Builder <\/b>and want to add a video to the section background, follow the steps below &#128071;<\/p><p class=\"no-margin\">Within the builder, click on the section you want to edit and select <b>Edit section<\/b>:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/01\/b3879a5c-2a2d-40d0-bd15-6744b760ef09.jpg\" alt=\"The section settings in Hostinger Website Builder\"><\/div><p class=\"no-margin\">Choose image background settings:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/01\/b09505ac-66b4-4a9e-abfd-4167520f649f.jpg\" alt=\"The section settings in Hostinger Website Builder\"><\/div><p class=\"no-margin\">Currently, the video background only supports video Pexels.<\/p><p class=\"no-margin\">To use your own video as a section background you <b>may <a class=\"intercom-content-link\" href=\"https:\/\/www.onlineconverter.com\/video-to-gif\" target=\"_blank\" rel=\"noopener\">convert your video to .gif<\/a> and upload the GIF as a section background image<\/b>.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">It is<b> not recommended to use GIFs<\/b> for a section background because they may affect your <b>website speed <\/b>&#128161;<br>\n&#8203;<br>\nMore details on <b>how to add an image background to a section<\/b> <b><a class=\"intercom-content-link\" href=\"\/support\/6462732-website-builder-how-to-change-the-section-background\" target=\"_blank\" rel=\"noopener\">here<\/a><\/b>.<\/p>\n<\/div><p class=\"no-margin\">Video backgrounds can also be accessed and applied from<b> section settings<\/b> by selecting the &ldquo;<b>Video<\/b>&rdquo; option from the <b>background tab <\/b>and then choosing out of the list of free video backgrounds provided there:<\/p><ul>\n<li>\n<p class=\"no-margin\">Videos are royalty-free<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">There are videos suited for horizontal (<b>desktop<\/b>) and vertical (<b>mobile<\/b>) sections<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Can change the dimness of the video to make the text more readable<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Use the search function to find the video that best fits you!<br>\n&#8203;<\/p>\n<\/li>\n<\/ul><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2025\/08\/3.gif\"><\/div><p class=\"no-margin\">&#8203;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to change the background of a website section using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[279],"tags":[],"class_list":["post-436","post","type-post","status-publish","format-standard","hentry","category-website-sections"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/10420044-hostinger-website-builder-how-to-add-a-video-background-to-a-section\/","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=436"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/436\/revisions"}],"predecessor-version":[{"id":5517,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/436\/revisions\/5517"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}