{"id":156238,"date":"2022-04-22T21:50:33","date_gmt":"2022-04-22T21:50:33","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/video-background-block\/"},"modified":"2026-04-02T05:52:06","modified_gmt":"2026-04-02T05:52:06","slug":"video-background-block","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/video-background-block\/","author":22028296,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.0","stable_tag":"2.0.0","tested":"6.9.4","requires":"5.8","requires_php":"7.1","requires_plugins":null,"header_name":"Video Background Block","header_author":"bPlugins","header_description":"Use video as background in section.","assets_banners_color":"f0f0ef","last_updated":"2026-04-02 05:52:06","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/gum.co\/wpdonate\/","header_plugin_uri":"","header_author_uri":"https:\/\/bplugins.com","rating":4.5,"author_block_rating":4.3064516129032,"active_installs":2000,"downloads":19537,"num_ratings":4,"support_threads":1,"support_threads_resolved":1,"author_block_count":61,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"charlescormier","date":"2022-07-17 06:52:38"},"1.0.1":{"tag":"1.0.1","author":"charlescormier","date":"2023-02-01 17:05:23"},"1.0.2":{"tag":"1.0.2","author":"charlescormier","date":"2023-08-05 06:58:42"},"1.0.3":{"tag":"1.0.3","author":"charlescormier","date":"2025-03-11 05:35:37"},"1.0.4":{"tag":"1.0.4","author":"charlescormier","date":"2025-07-21 11:59:11"},"1.0.5":{"tag":"1.0.5","author":"shihabshamim","date":"2026-03-09 08:43:44"},"2.0.0":{"tag":"2.0.0","author":"shihabshamim","date":"2026-04-02 05:52:06"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":2,"5":2},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2713505,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3401743,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"vbb\/video-bg":{"apiVersion":2,"name":"vbb\/video-bg","title":"Video Background","description":"Use video as background in section.","category":"widgets","keywords":["video background","background","video"],"textdomain":"video-background","attributes":{"sourceType":{"type":"string","default":"self"},"ytNoCookie":{"type":"boolean","default":true},"videoSources":{"type":"object","default":{"desktop":{"mp4":{"id":null,"url":"","alt":"","title":""},"webm":{"id":null,"url":"","alt":"","title":""},"ogg":{"id":null,"url":"","alt":"","title":""}},"tablet":{"mp4":{"id":null,"url":"","alt":"","title":""},"webm":{"id":null,"url":"","alt":"","title":""},"ogg":{"id":null,"url":"","alt":"","title":""}},"mobile":{"mp4":{"id":null,"url":"","alt":"","title":""},"webm":{"id":null,"url":"","alt":"","title":""},"ogg":{"id":null,"url":"","alt":"","title":""}}}},"posterSources":{"type":"object","default":{"desktop":{"id":null,"url":"","alt":"","title":""},"tablet":{"id":null,"url":"","alt":"","title":""},"mobile":{"id":null,"url":"","alt":"","title":""}}},"youtubeUrl":{"type":"string","default":""},"youtubeUrlTablet":{"type":"string","default":""},"youtubeUrlMobile":{"type":"string","default":""},"vimeoUrl":{"type":"string","default":""},"vimeoUrlTablet":{"type":"string","default":""},"vimeoUrlMobile":{"type":"string","default":""},"align":{"type":"string","default":"full"},"cId":{"type":"string","default":""},"video":{"type":"object","default":{"id":null,"url":"","alt":"","title":""}},"poster":{"type":"object","default":{"id":null,"url":"","alt":"","title":""}},"verticalAlign":{"type":"string","default":"center"},"textAlign":{"type":"string","default":"center"},"bgOverlay":{"type":"object","default":{"color":"#000000b3"}},"overlayOpacity":{"type":"number","default":1},"overlayBlendMode":{"type":"string","default":"normal"},"overlayPattern":{"type":"string","default":"none"},"overlayPatternOpacity":{"type":"number","default":0.2},"overlayAnimate":{"type":"boolean","default":false},"overlayNoise":{"type":"boolean","default":false},"overlayVignette":{"type":"boolean","default":false},"posterOptions":{"type":"object","default":{"show":true,"blur":false,"blurAmount":12,"dominantColor":"#000000","dominantAuto":true}},"videoFit":{"type":"string","default":"cover"},"focusPoint":{"type":"object","default":{"x":50,"y":50}},"startTime":{"type":"number","default":0},"endTime":{"type":"number","default":0},"playbackRate":{"type":"number","default":1},"muted":{"type":"boolean","default":true},"volume":{"type":"number","default":1},"audioOnClick":{"type":"boolean","default":false},"minHeight":{"type":"string","default":"700px"},"minHeightTablet":{"type":"string","default":""},"minHeightMobile":{"type":"string","default":""},"padding":{"type":"object","default":{"vertical":"20px","horizontal":"30px"}},"paddingTablet":{"type":"object","default":{"vertical":"","horizontal":""}},"paddingMobile":{"type":"object","default":{"vertical":"","horizontal":""}}},"supports":{"align":["wide","full"],"html":false},"example":{"attributes":{"preview":true,"sourceType":"link"}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/view.css","render":"file:.\/render.php","viewScript":"file:.\/view.js"}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","2.0.0"],"block_files":["\/tags\/2.0.0\/build\/index.js","\/tags\/2.0.0\/build\/index.css","\/tags\/2.0.0\/build\/view.css"],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3477852,"resolution":"1","location":"assets","locale":""},"screenshot-2.gif":{"filename":"screenshot-2.gif","revision":3477852,"resolution":"2","location":"assets","locale":""},"screenshot-3.gif":{"filename":"screenshot-3.gif","revision":3477858,"resolution":"3","location":"assets","locale":""},"screenshot-4.gif":{"filename":"screenshot-4.gif","revision":3477858,"resolution":"4","location":"assets","locale":""},"screenshot-5.gif":{"filename":"screenshot-5.gif","revision":3477858,"resolution":"5","location":"assets","locale":""},"screenshot-6.gif":{"filename":"screenshot-6.gif","revision":3477858,"resolution":"6","location":"assets","locale":""},"screenshot-7.gif":{"filename":"screenshot-7.gif","revision":3477858,"resolution":"7","location":"assets","locale":""},"screenshot-8.gif":{"filename":"screenshot-8.gif","revision":3477858,"resolution":"8","location":"assets","locale":""}},"screenshots":{"1":"Settings","2":"Settings","3":"Default","4":"Pattern Overlay","5":"Blend Mode","6":"Animated overlay","7":"Cinematic Vignette","8":"PlayBack(2x)Speed"},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[2767,10668,1220,222,10669],"plugin_category":[50],"plugin_contributors":[183994,226291,241933],"plugin_business_model":[],"class_list":["post-156238","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-background","plugin_tags-background-video","plugin_tags-block","plugin_tags-video","plugin_tags-video-background","plugin_category-media","plugin_contributors-abuhayat","plugin_contributors-bplugins","plugin_contributors-shihabshamim","plugin_committers-abuhayat","plugin_committers-bplugins","plugin_committers-shihabshamim","plugin_support_reps-shihabshamim"],"banners":{"banner":"https:\/\/ps.w.org\/video-background-block\/assets\/banner-772x250.png?rev=3401743","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/video-background-block\/assets\/icon-128x128.png?rev=2713505","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-1.gif?rev=3477852","caption":"Settings"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-2.gif?rev=3477852","caption":"Settings"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-3.gif?rev=3477858","caption":"Default"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-4.gif?rev=3477858","caption":"Pattern Overlay"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-5.gif?rev=3477858","caption":"Blend Mode"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-6.gif?rev=3477858","caption":"Animated overlay"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-7.gif?rev=3477858","caption":"Cinematic Vignette"},{"src":"https:\/\/ps.w.org\/video-background-block\/assets\/screenshot-8.gif?rev=3477858","caption":"PlayBack(2x)Speed"}],"raw_content":"<!--section=description-->\n<p>Use video as background in section.<\/p>\n\n<p><strong><a href=\"https:\/\/bplugins.com\/products\/video-background-block\/\">Video Background<\/a><\/strong> | <strong><a href=\"https:\/\/bplugins.com\/products\/video-background-block\/#demos\">Demos<\/a><\/strong> | <strong><a href=\"https:\/\/bplugins.com\/products\/video-background-block\/pricing\/\">Pricing<\/a><\/strong><\/p>\n\n<h4>Free Features<\/h4>\n\n<ul>\n<li><strong>Universal Shortcodes<\/strong>: Compatible with all page builders.<\/li>\n<li><strong>Background Video<\/strong>: Use a video as a background.<\/li>\n<li><strong>Fallback<\/strong>: Use a fallback image.<\/li>\n<li><strong>overlay<\/strong>: Add overlay color to the video.<\/li>\n<li><strong>Height<\/strong>: Set the height of the section.<\/li>\n<li><strong>Padding<\/strong>: Set the padding of the section.<\/li>\n<\/ul>\n\n<h4>Pro Features<\/h4>\n\n<ul>\n<li><strong>Everything in Free, plus advanced Pro features<\/strong>.<\/li>\n<li><strong>Universal Shortcodes<\/strong>: Compatible with all page builders.<\/li>\n<li><strong>Self\u2011hosted video<\/strong>:  (MP4\/WebM\/OGG) Use a video as a background.<\/li>\n<li><strong>YouTube video<\/strong>: Use a video as a background.<\/li>\n<li><strong>Vimeo  video<\/strong>: Use a video as a background.<\/li>\n<li><strong>Responsive video sources (desktop\/tablet\/mobile)<\/strong><\/li>\n<li><strong>Poster image support (desktop\/tablet\/mobile)<\/strong><\/li>\n<li><strong>Poster options<\/strong>: show\/hide, blur + blur amount, dominant color (auto\/manual)<\/li>\n<li><strong>YouTube background support + No-Cookie Domain Option<\/strong><\/li>\n<li><strong>Vimeo background support<\/strong><\/li>\n<li><strong>overlay controls<\/strong>: color\/gradient, opacity, blend mode<\/li>\n<li><strong>overlay patterns<\/strong>: dots, grid, diagonal + opacity<\/li>\n<li><strong>Animated overlay (subtle motion)<\/strong><\/li>\n<li><strong>Noise texture overlay<\/strong><\/li>\n<li><strong>Cinematic vignette overlay<\/strong><\/li>\n<li><strong>Min height + padding controls (desktop\/tablet\/mobile)<\/strong><\/li>\n<li><strong>Video fit: cover\/contain\/fill<\/strong><\/li>\n<li><strong>Segment loop (start\/end)<\/strong><\/li>\n<li><strong>Playback Speed Control<\/strong><\/li>\n<\/ul>\n\n<h4>How to use<\/h4>\n\n<ul>\n<li>First, Install the Video Background Block plugin<\/li>\n<li>Add the Video Background block from the block category called \"Widgets\" in the Gutenberg editor.<\/li>\n<li>You can change block settings from the right-side settings sidebar.<\/li>\n<li><p>Enjoy!<\/p><\/li>\n<li><p>For installation help click on Installation Tab<\/p><\/li>\n<\/ul>\n\n<h4>Feedback<\/h4>\n\n<ul>\n<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href=\"mailto:support@bplugins.com\" title=\"Send feedback\">Please share your feedback with us<\/a><\/li>\n<\/ul>\n\n<h3>Check out the Parent Plugin of this plugin-<\/h3>\n\n<p><a href=\"https:\/\/bblockswp.com\"><strong>bBlocks<\/strong><\/a> \u2013 A blocks collection and page building tool for Gutenberg.<\/p>\n\n<h3>Check out our other WordPress Plugins-<\/h3>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/html5-video-player\/\"><strong>Html5 Video Player<\/strong><\/a> \u2013 Display videos as single and playlist in multiple skins.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/pdf-poster\/\"><strong>PDF Poster<\/strong><\/a> \u2013 Display\/Embed PDF files with different styles.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/html5-audio-player\/\"><strong>Html5 Audio Player<\/strong><\/a> \u2013 Listen audios with awesome visuals.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/streamcast-radio-player\/\"><strong>StreamCast<\/strong><\/a> \u2013 Customizable radio player with different skins.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/3d-viewer\/\"><strong>3D Viewer<\/strong><\/a> \u2013 Embed 3D models and 3D products with interaction.<\/p>\n\n<p><a href=\"https:\/\/bplugins.com\/products\/advanced-post-block\/\"><strong>Advanced Post Block<\/strong><\/a> \u2013 Show posts and custom posts in different layouts.<\/p>\n\n<!--section=installation-->\n<h4>From Gutenberg Editor:<\/h4>\n\n<ol>\n<li>Go to the WordPress Block\/Gutenberg Editor<\/li>\n<li>Search For <strong>Video Background Block<\/strong><\/li>\n<li>Click on the <strong>Video Background<\/strong> to add the block<\/li>\n<\/ol>\n\n<h4>Download &amp; Upload:<\/h4>\n\n<ol>\n<li>Download the <strong>Video Background Block<\/strong> plugin (<em>.zip file<\/em>)<\/li>\n<li>In your admin area, go to the Plugins menu and click on <strong>Add New<\/strong><\/li>\n<li>Click on <strong>Upload Plugin<\/strong> and choose the <strong><code>video-background-block.zip<\/code><\/strong> file and click on <strong>Install Now<\/strong><\/li>\n<li>Activate the plugin and Enjoy!<\/li>\n<\/ol>\n\n<h4>Manually:<\/h4>\n\n<ol>\n<li>Download and upload the <strong>Video Background Block<\/strong> plugin to the <strong><code>\/wp-content\/plugins\/<\/code><\/strong> directory<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20the%20video%20background%20block%20free%3F\"><h3>Is the Video Background block free?<\/h3><\/dt>\n<dd><p>Yes, the Video Background block is a free Gutenberg block plugin.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20any%20wordpress%20theme%3F\"><h3>Does it work with any WordPress theme?<\/h3><\/dt>\n<dd><p>Yes, it will work with any standard WordPress theme.<\/p><\/dd>\n<dt id=\"can%20i%20change%20block%20settings%3F\"><h3>Can I change block settings?<\/h3><\/dt>\n<dd><p>Yes, you can change block settings from the Gutenberg block editor's right sidebar.<\/p><\/dd>\n<dt id=\"how%20many%20times%20can%20i%20reuse%20a%20block%3F\"><h3>How many times can I reuse a block?<\/h3><\/dt>\n<dd><p>You can use unlimited times as you want.<\/p><\/dd>\n<dt id=\"where%20can%20i%20get%20support%3F\"><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>You can post your questions on the <a href=\"https:\/\/wordpress.org\/support\/plugin\/video-background-block\/\">support forum here<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.0 - 10 Mar 2026<\/h4>\n\n<ul>\n<li>Universal Shortcodes: Compatible with all page builders.<\/li>\n<li>Added advanced features to the Video Background block.<\/li>\n<li>Added a modern dashboard to this plugin.<\/li>\n<\/ul>\n\n<h4>1.0.5 - 6 Aug 2025<\/h4>\n\n<ul>\n<li>Add SDK.<\/li>\n<\/ul>\n\n<h4>1.0.4 - 13 Mar 2025<\/h4>\n\n<ul>\n<li>Fix video align to center.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Fix not playing the video on mobile<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Fallback Image<\/li>\n<li>Not load scripts if block is not used.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Add translate feature.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial Release.<\/li>\n<\/ul>","raw_excerpt":"Use video as background in section.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/156238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=156238"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bplugins"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=156238"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=156238"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=156238"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=156238"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=156238"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=156238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}