內容簡介
Video Background 外掛提供了一種簡單易用的方式，讓你可以將影片背景添加到 WordPress 網站上的任何元素。
有 4 個簡單必填欄位：
容器（Container）：這個欄位指定了您想要在哪裡顯示影片背景。
MP4：這個欄位填入.mp4檔案的網址，以支援 Safari 和 IE。
WEBM：這個欄位填入.webm檔案的網址，以支援 Chrome、Firefox 和 Opera。
海報（Poster）：如果影片背景不被支援時（例如在手機上），這個欄位的圖片將會被用來作為回退的影像。
除了必填欄位外，還有 5 個可選擇性欄位可以讓你使影片背景更美麗：
遮蓋層（Overlay）：可以在影片上方增加一個遮蓋層，以便更好的閱讀文字。
遮蓋顏色（Overlay Color）：如果啟用遮蓋層，您可以使用顏色選擇器選擇遮蓋層的顏色。
遮蓋透明度（Overlay Alpha）：如果啟用遮蓋層，您可以指定其透明度。
循環（Loop）：啟用或禁用影片背景的循環播放。
點擊取消靜音（Tap to unmute）：在您的影片背景上添加一個「點擊取消靜音」按鈕，讓用戶與聲音互動。與 Chrome 最新的自動播放規則兼容！
除了使用 Video Background 的 metabox（元框）和 WPBakery/SiteOrigin Page Builder 的整合以外，您還可以使用簡碼（shortcode）在 WordPress 網站上的任何地方使用它：
[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]
示範：
https://pushlabs.co/docs/video-background/
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Video Background offers a simple and easy way to add a video background to any element on your WordPress site.
There are 4 simple required fields:
Container: This fields specifies where you would like the video background.
MP4: Link to the .mp4 file. For Safari and IE support.
WEBM: Link to the .webm file. For Chrome, Firefox, and Opera support.
Poster: This will be used for the fallback image if video background is not supported (mobile for example)
There are also 5 additional optional fields for having a more beautiful video background:
Overlay: Add a color overlay over the video for optimal reading of text.
Overlay Color: If overlay is enabled, you can select the color of the overlay using the colorpicker.
Overlay Alpha: If overlay is enabled, you can specify the amount of transparency.
Loop: Enable or disable the looping of the video background
Tap to unmute: Add a “Tap to unmute” button to your video backgrounds to have your users engage with the sound. Compatible with Chrome’s newest autoplay policies!
In addition to the Video Background metabox, WPBakery integration, and SiteOrigin Page Builder integration, you can use the shortcode for use anywhere on your WordPress site:
[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]
Demo:
https://pushlabs.co/docs/video-background/
