內容簡介
Video Background Block 外掛讓使用者能在 Gutenberg 編輯器中輕鬆地為任何區塊添加背景影片，創造引人注目的英雄區域、橫幅和著陸頁，無需撰寫任何程式碼，提升網站的視覺吸引力。
【主要功能】
• 支援自我托管影片、YouTube 和 Vimeo
• 提供通用短碼，適用於其他佈局建構器
• 可設定區塊高度以符合設計需求
• 調整內容周圍的間距
• 增加顏色覆蓋以改善文字可讀性
外掛標籤
開發者團隊
② 後台搜尋「Video Background Block – make any section stand out with motion」→ 直接安裝（推薦）
原文外掛簡介
Turn plain sections into scroll-stopping hero banners with beautiful video backgrounds – no code, right in the Gutenberg editor.
Video Background | Live Demos | Pricing
Why Video Background Block?
Static sections are easy to scroll past. Video Background Block lets you create beautiful sections with background videos directly in the Gutenberg editor – using self-hosted videos, YouTube, or Vimeo – to build engaging hero sections, banners, landing pages, and promotional content without writing any code.
The plugin is lightweight and easy to use: scripts only load when the block is actually used, and simple sidebar-based settings mean there’s no technical setup. It also provides universal shortcodes, so you can display video backgrounds in other page builders too.
Whether you’re building a business website, portfolio, agency site, product landing page, or personal blog, Video Background Block helps you create eye-catching sections that improve the visual experience.
Free Features
Universal Shortcodes: Use video backgrounds with Gutenberg and other popular page builders.
Background Video: Display a video as the background of any section.
Fallback Image: Show an image when the video cannot be loaded.
Overlay Color: Add a color overlay to improve text readability.
Custom Height: Set the section height to fit your design.
Padding Controls: Adjust the spacing around your content.
Pro Version – Unlock Premium Features
Upgrade to Pro to unlock more customization and advanced video background controls.
Self-hosted Video Support: Use MP4, WebM, and OGG videos.
YouTube Background Videos: Display YouTube videos as section backgrounds.
Vimeo Background Videos: Add Vimeo videos with background playback.
Responsive Video Sources: Use different videos for desktop, tablet, and mobile.
Responsive Poster Images: Set separate poster images for different screen sizes.
Poster Image Options: Show or hide the poster, apply blur effects, or use automatic or custom dominant colors.
YouTube No-Cookie Mode: Improve user privacy with YouTube’s no-cookie domain.
Advanced Overlay Controls: Customize overlay colors, gradients, opacity, and blend modes.
Overlay Patterns: Add dot, grid, or diagonal patterns with adjustable opacity.
Animated Overlay Effects: Create subtle motion for a more dynamic design.
Noise Texture Overlay: Add texture for a modern visual style.
Cinematic Vignette: Highlight your content with a soft vignette effect.
Responsive Height and Padding: Different minimum heights and spacing per device.
Video Fit Options: Choose Cover, Contain, or Fill based on your layout.
Segment Loop: Play only a selected portion of the video with start and end times.
Playback Speed Control: Adjust the video playback speed to match your design.
How to Use – Quick Start
Install and activate the Video Background Block plugin.
Open a page or post in the Gutenberg editor.
Add the Video Background block.
Select your video source and customize the settings from the right sidebar.
Publish or update your page and enjoy your new video background.
Live Demos | Explore Premium Features
Use Cases
Hero Sections: Give your homepage an instant, cinematic first impression.
Landing Pages: Add motion to product and campaign pages that convert.
Agency & Portfolio Sites: Showcase work with dynamic section backgrounds.
Business Websites: Modernize banners and promotional sections.
Personal Blogs: Make key sections memorable with subtle video motion.
Have a feature request, found a bug, or just want to say hello? Send us your feedback — we’d love to hear from you.
More From bPlugins
Parent Plugin
bBlocks – A full blocks collection and page-building toolkit for Gutenberg.
Other Plugins You Might Like
* HTML5 Video Player – Single and playlist video display in multiple skins.
* PDF Poster – Display and embed PDF files in various styles.
* HTML5 Audio Player – Play audio with rich, animated visuals.
* StreamCast – A customizable radio player with multiple skins.
* 3D Viewer – Embed interactive 3D models and products.
* Advanced Post Block – Display posts and custom post types in flexible layouts.
