{"id":3788,"date":"2023-11-14T16:39:00","date_gmt":"2023-11-14T16:39:00","guid":{"rendered":"https:\/\/demo.siteorigin.com\/premium\/?page_id=3788"},"modified":"2024-06-15T12:29:07","modified_gmt":"2024-06-15T12:29:07","slug":"video-background","status":"publish","type":"page","link":"https:\/\/demo.siteorigin.com\/premium\/video-background\/","title":{"rendered":"Video Background"},"content":{"rendered":"<div id=\"pl-3788\"  class=\"panel-layout\" ><div id=\"pg-3788-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-3788-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3788-0-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Transform your website's look with the SiteOrigin Video Background Addon. Introduce dynamic video backgrounds to any Page Builder row, column, or widget, adding an energetic touch to your site. With support for various video formats like mp4, m4v, mov, wmv, avi, mpg, ogv, and webm, flexibility is at your fingertips. The addon goes further by offering semi-transparent overlays or patterns, striking the right balance between the liveliness of videos and the clarity of your text. Its seamless integration with the Page Builder ensures an effortless experience in creating web pages that are both visually captivating and user-friendly. Below you'll find examples of a <a href=\"#row-background\" class=\"corp-scroll\">row background<\/a>, <a href=\"#column-background\" class=\"corp-scroll\">column background<\/a> and <a href=\"#widget-background\" class=\"corp-scroll\">widget background<\/a> video.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-3788-1\"  class=\"panel-grid panel-has-style panel-has-overlay\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-3788-1\" id=\"row-background\" data-stretch-type=\"full-width-stretch\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<div class=\"so-premium-video-background\" style=\"opacity: 0.6;\"><video autoplay muted playsinline  loop ><source\n\t\t\t\t\t\tsrc=\"https:\/\/demo.siteorigin.com\/premium\/files\/2024\/01\/pexels-miss-deena-6859482-720p.mp4\"\n\t\t\t\t\t\ttype=\"video\/mp4\"\n\t\t\t\t\t><\/video><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div id=\"pgc-3788-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3788-1-0-0\" class=\"so-panel widget widget_sow-headline panel-first-child panel-last-child\" data-index=\"1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-329ed4760c33-3788\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tSALE SALE SALE!\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"sow-sub-headline\">\n\t\t\t\t\t\tShop Our Best Deals. This Month Only.\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pg-3788-2\"  class=\"panel-grid panel-has-style\" ><div id=\"column-background\" class=\"panel-row-style panel-row-style-for-3788-2\" ><div id=\"pgc-3788-2-0\"  class=\"panel-grid-cell panel-video-background-cover panel-has-overlay\" ><div class=\"panel-cell-style panel-cell-style-for-3788-2-0\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<div class=\"so-premium-video-background\" style=\"opacity: 0.7;\"><video autoplay muted playsinline  loop ><source\n\t\t\t\t\t\tsrc=\"https:\/\/demo.siteorigin.com\/premium\/files\/2023\/12\/pexels_videos_2110771-720p.mp4\"\n\t\t\t\t\t\ttype=\"video\/mp4\"\n\t\t\t\t\t><\/video><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div id=\"panel-3788-2-0-0\" class=\"so-panel widget widget_sow-headline panel-first-child panel-last-child\" data-index=\"2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-4dd103cfa2c7-3788\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tSHOP MOUNTAIN RANGE\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><a href=\"#\" class=\"so-premium-link-overlay\">&nbsp;<\/a><\/div><\/div><div id=\"pgc-3788-2-1\"  class=\"panel-grid-cell panel-video-background-cover panel-has-overlay\" ><div class=\"panel-cell-style panel-cell-style-for-3788-2-1\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<div class=\"so-premium-video-background\" style=\"opacity: 0.7;\"><video autoplay muted playsinline  loop ><source\n\t\t\t\t\t\tsrc=\"https:\/\/demo.siteorigin.com\/premium\/files\/2023\/12\/production_id_5193615-720p.mp4\"\n\t\t\t\t\t\ttype=\"video\/mp4\"\n\t\t\t\t\t><\/video><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div id=\"panel-3788-2-1-0\" class=\"so-panel widget widget_sow-headline panel-first-child panel-last-child\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-4dd103cfa2c7-3788\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tSHOP OCEAN RANGE\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><a href=\"#\" class=\"so-premium-link-overlay\">&nbsp;<\/a><\/div><\/div><\/div><\/div><div id=\"pg-3788-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-3788-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3788-3-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child panel-has-overlay panel-video-background-cover\" data-index=\"4\" ><div class=\"panel-widget-style panel-widget-style-for-3788-3-0-0\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<div class=\"so-premium-video-background\" style=\"opacity: 0.7;\"><video autoplay muted playsinline  loop ><source\n\t\t\t\t\t\tsrc=\"https:\/\/demo.siteorigin.com\/premium\/files\/2024\/01\/pexels_videos_1093664-720p.mp4\"\n\t\t\t\t\t\ttype=\"video\/mp4\"\n\t\t\t\t\t><\/video><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h5 style=\"color: #fff;\"><span class=\"so-premium-web-font\" style=\"font-family: Inter;\" data-web-font-module=\"google\" data-font-info=\"{&quot;font&quot;:&quot;Inter&quot;,&quot;webfont&quot;:true,&quot;variant&quot;:null,&quot;module&quot;:&quot;google&quot;}\">MEN'S SURF<\/span><\/h5>\n<\/div>\n<\/div><a href=\"#\" class=\"so-premium-link-overlay\">&nbsp;<\/a><\/div><\/div><\/div><div id=\"pgc-3788-3-1\"  class=\"panel-grid-cell\" ><div id=\"panel-3788-3-1-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child panel-has-overlay panel-video-background-cover\" data-index=\"5\" ><div class=\"panel-widget-style panel-widget-style-for-3788-3-1-0\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<div class=\"so-premium-video-background\" style=\"opacity: 0.7;\"><video autoplay muted playsinline  loop ><source\n\t\t\t\t\t\tsrc=\"https:\/\/demo.siteorigin.com\/premium\/files\/2024\/01\/pexels-kampus-broduction-5679515-720p.mp4\"\n\t\t\t\t\t\ttype=\"video\/mp4\"\n\t\t\t\t\t><\/video><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h5 style=\"color: #fff;\"><span class=\"so-premium-web-font\" style=\"font-family: Inter;\" data-web-font-module=\"google\" data-font-info=\"{&quot;font&quot;:&quot;Inter&quot;,&quot;webfont&quot;:true,&quot;variant&quot;:null,&quot;module&quot;:&quot;google&quot;}\">WOMEN'S SURF<\/span><\/h5>\n<\/div>\n<\/div><a href=\"#\" class=\"so-premium-link-overlay\">&nbsp;<\/a><\/div><\/div><\/div><div id=\"pgc-3788-3-2\"  class=\"panel-grid-cell\" ><div id=\"panel-3788-3-2-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child panel-has-overlay panel-video-background-cover\" data-index=\"6\" ><div class=\"panel-widget-style panel-widget-style-for-3788-3-2-0\" >\t\t\t\t<div\n\t\t\t\t\tclass=\"panel-background-overlay\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t<div class=\"so-premium-video-background\" style=\"opacity: 0.7;\"><video autoplay muted playsinline  loop ><source\n\t\t\t\t\t\tsrc=\"https:\/\/demo.siteorigin.com\/premium\/files\/2024\/01\/pexels-kampus-production-6299850-720p.mp4\"\n\t\t\t\t\t\ttype=\"video\/mp4\"\n\t\t\t\t\t><\/video><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h5 style=\"color: #fff;\"><span class=\"so-premium-web-font\" style=\"font-family: Inter;\" data-web-font-module=\"google\" data-font-info=\"{&quot;font&quot;:&quot;Inter&quot;,&quot;webfont&quot;:true,&quot;variant&quot;:null,&quot;module&quot;:&quot;google&quot;}\">KID'S SURF<\/span><\/h5>\n<\/div>\n<\/div><a href=\"#\" class=\"so-premium-link-overlay\">&nbsp;<\/a><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Transform your website&#8217;s look with the SiteOrigin Video Background Addon. Introduce dynamic video backgrounds to any Page Builder row, column, or widget, adding an energetic touch to your site. With support for various video formats like mp4, m4v, mov, wmv, avi, mpg, ogv, and webm, flexibility is at your fingertips. The addon goes further by [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3788","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages\/3788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/comments?post=3788"}],"version-history":[{"count":108,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages\/3788\/revisions"}],"predecessor-version":[{"id":4332,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages\/3788\/revisions\/4332"}],"wp:attachment":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/media?parent=3788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}