Page Background is the background of the entire page<\/span>. If you add a video to the Page Background, your page will look like this:<\/p>\n\n\n\n Row Background is the background for a specific row. The row can be full width or limited to the content width. If you add a video to the background of a full-width row, you can achieve an effect like this:<\/p>\n\n\n\n 1) Click ‘3. Background<\/strong>‘ to access the Page Background Setting<\/strong>.<\/p>\n\n\n\n 2) In the Page Background Setting<\/strong>, select Image\/Video<\/strong>.<\/p>\n\n\n\n 3) Click the Image\/Video URL<\/strong> input to open the Image Gallery, then click ‘Video Background<\/strong>‘ tab. Select the video that you want to add. (See the demo below.)<\/p>\n\n\n\n That’s it!<\/p>\n\n\n\n The steps are essentially the same, except you have to click the ‘Row<\/strong>‘ instead of ‘3. Background<\/strong>‘.<\/p>\n\n\n\n 1) Click the ‘Row<\/strong>‘ that you want to edit.<\/p>\n\n\n\n 2) In the setting that says ‘Background (For This Row)<\/strong>‘, select Image\/Video<\/strong>.<\/p>\n\n\n\n 3) Click the Image\/Video URL<\/strong> input to open the Image Gallery, then click ‘Video Background<\/strong>‘ tab. Select the video that you want to add. (See the demo below.)<\/p>\n\n\n\n Most of the time, you are not going to use the video as-is.<\/p>\n\n\n\n Commonly, you may use the grayscale version, blur the video, lighten it, or darken it.<\/p>\n\n\n\n You may do so using Image\/Video Styling<\/strong>. (See the demo below.)<\/p>\n\n\n\n Can I use my own video?<\/em><\/strong><\/p>\n\n\n\n You can use your own video, as long as it is in MP4 format, and you have to host it yourself. We do not provide video hosting. <\/p>\n\n\n\n But please be careful not to use a large video as it will increase the page loading time. <\/p>\n\n\n\n Can I use Youtube or Vimeo video as background?<\/em><\/strong><\/p>\n\n\n\n You cannot use Youtube or Vimeo link directly for the background video. The video link must be in MP4. <\/p>\n\n\n\n If you have other questions about using video as background, let me know in the comments below.<\/p>\n\n\n\n Video background can help you to create a visually more engaging landing page. It will make your landing page stand out from the rest.<\/p>\n\n\n\n I hope you find this update useful.<\/p>\n\n\n\n Happy page building!<\/p>\n","protected":false},"excerpt":{"rendered":" More and more members want to use video as the background for their page design. Some advanced members managed to do it with some tweaks. Now all of you can do it with just a few clicks! There are 2 types of background that you can add video to. 1) Page Background2) Row Background What […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[237],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1470"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=1470"}],"version-history":[{"count":9,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1470\/revisions"}],"predecessor-version":[{"id":1488,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1470\/revisions\/1488"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=1470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=1470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/pagebackground.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/rowbackground.gif\")
<\/figure>\n\n\n\nHow To Add Video To Page Background<\/h2>\n\n\n\n
![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/pagebg1.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/pagebg2.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/pagebackground2.gif\")
<\/figure>\n\n\n\nHow To Add Video To Row Background<\/h2>\n\n\n\n
![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/rowbg1.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/rowbg2.jpg\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/rowbackground2.gif\")
<\/figure>\n\n\n\nHow To Style The Video<\/h2>\n\n\n\n
![\"\"](\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2022\/11\/rowbackground3.gif\")
<\/figure>\n\n\n\n