前言介紹
- 這款 WordPress 外掛「Video Background」是 2015-09-09 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2024-05-07，距離現在已有 361 天。
- 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
- 有 63 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
外掛標籤
WPBakery | siteorigin | page builder | visual composer | video background |
內容簡介
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/
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Video Background」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.4 | 1.0.6 | 2.0.0 | 2.0.1 | 2.1.0 | 2.1.1 | 2.1.2 | 2.1.3 | 2.1.4 | 2.2.0 | 2.2.1 | 2.2.2 | 2.2.3 | 2.3.0 | 2.4.0 | 2.4.1 | 2.5.0 | 2.5.1 | 2.5.2 | 2.5.3 | 2.5.4 | 2.5.5 | 2.5.6 | 2.5.7 | 2.5.8 | 2.6.0 | 2.6.1 | 2.6.2 | 2.6.3 | 2.7.0 | 2.7.1 | 2.7.2 | 2.7.3 | 2.7.4 | 2.7.5 | 2.7.7 | trunk | "2.7.6" |
延伸相關外掛（你可能也想知道）
Livemesh SiteOrigin Widgets 》Livemesh SiteOrigin Widgets 是一個龐大的插件集合，包含多種易於使用、高度功能化的小工具，可用於像 SiteOrigin 或您網站上的任何小工具區等頁面建構器中...。
AOS Animation for SiteOrigin Page Builder 》此插件可為 SiteOrigin Page Builder 中的任何小工具和行添加可自定義的動畫。此插件基於免費的 AOS 動畫庫。您可以設定：, – 動畫類型。, – 持...。
Video Backgrounds for SiteOrigin Page Builder 》Video Backgrounds for SiteOrigin Page Builder 提供了在任何頁面建構器（Page Builder）行中添加背景視頻的功能。, 每一行都允許您指定 mp4、webm 和/或 og...。
Tabs Widget for Page Builder 》Page Builder by SiteOrigin 編輯器很好用，但缺少一個「標籤(widget)」，所以我們創建了一個。, 「Tabs for Page Builder」widget 可以讓你添加多個標籤，每...。
Sticky for SiteOrigin 》這個外掛會在 siteOrigin Widgets 內建立一個名為「Sticky」的選項面板，使用其選項你可以讓小工具在自己的行內固定在某個位置。該外掛使用優秀的 Jquery 插...。
RA Widgets Bundle 》RA Widgets Bundle 是一個使用 SiteOrigin Widgets API 的小工具集合。它附帶了最小限度的樣式，以讓最終用戶控制其外觀和行為。您也可以通過自定義小工具模...。
Origin Layouts Manager 》總結：Origin Layouts Manager 是專為擴展 SiteOrigin Page Builder 功能而設計的外掛。使用這個外掛，你可以輕鬆保存自定義佈局模板在整個網站上重複使用，...。
Azeen Core 》注意：此外掛是為 Imon Themes 的 Azeen 佈景主題所開發，主題使用此外掛添加服務區塊、客戶、團隊成員和計數器等功能。請查看該主題！。