內容簡介
Story Video Block 是一個專為 Gutenberg 設計的影片區塊，能夠將影片與標題、描述及來源結合，適用於影片推薦和故事風格的頁面區段。使用者只需貼上影片網址，並添加海報圖片，區塊便能自動處理快速點擊播放的嵌入。
【主要功能】
• 自動偵測網址，支援多種影片平台
• 自動提取海報圖片或上傳自訂圖片
• 點擊加載播放，保持頁面快速
• 無需 React 或 jQuery，使用原生互動模組
• 可配置播放按鈕樣式和顏色
• 提供可存取的逐字稿上傳功能
外掛標籤
開發者團隊
原文外掛簡介
Story Video Block is a Gutenberg video block that pairs a video with a heading, description, and attribution — built for video testimonial and story-style page sections. Paste a YouTube, Vimeo, or other video URL, add a poster image, and the block handles a fast, click-to-play embed automatically.
Unlike most video blocks, nothing is shipped to visitors just to swap a poster image for a video player: the click-to-play interaction runs on WordPress’s native @wordpress/interactivity module — no React, no jQuery, no extra framework loaded on the front end.
Features
One field, auto-detected — paste a URL from YouTube, Vimeo, Dailymotion, Facebook, Twitch, Wistia, Loom, TikTok, VideoPress, or a self-hosted .mp4/.webm/.ogg/.mov file. The provider and video ID are detected automatically.
Poster image — auto-pulled from YouTube, Dailymotion, and Loom, or upload your own for any provider.
Click-to-load playback — no video player loads until the visitor clicks play, keeping the page fast.
No React, no jQuery on the front end — the click-to-play interaction runs on WordPress’s native @wordpress/interactivity module (a script module, not a classic script), not a framework. Nothing is shipped to visitors just to swap a poster image for a video embed.
Configurable play button — 4 built-in icon shapes x 3 color styles, and extendable via WordPress filters if you want to bring your own icon library.
Testimonial mode — swap the heading/description for a quote, author name, author title, and avatar.
Media position — video on the left or right of the content.
Card style — standard, or an “overlapping media” look where the video pokes out above/below the card.
Background color control, plus CSS custom properties for everything else (padding, gap, radius, shadow, play-button colors, and more) so a theme can restyle the block without editing plugin files.
Transcript upload — attach a PDF/Word/text file for accessibility; renders as a labeled download link.
Developer filters — story_video_block_css_vars and story_video_block_content let a theme or must-use plugin adjust the block’s frontend CSS/markup from functions.php.
Accessible by default — labeled controls, aria-labels on interactive elements, decorative images marked as such, and visible “opens in a new tab” hints for screen readers.
