[WordPress] 外掛分享: Responsive Video Embedder

前言介紹

  • 這款 WordPress 外掛「Responsive Video Embedder」是 2016-06-15 上架。
  • 目前有 30 個安裝啟用數。
  • 上一次更新是 2016-06-17,距離現在已有 3243 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

esiteq |

外掛標籤

embed | video | youtube | responsive |

內容簡介

這個外掛可以讓你在文章編輯器中新增影片和影片播放清單的按鈕,只需點擊該按鈕,貼上 YouTube 影片網址,再按下插入影片的按鈕即可。未來也將會支援其他影片主機。使用者可以在文章及頁面中,包括自訂文章類型中使用影片嵌入的短代碼。

以下是關於上方章節的一些注意事項:

在編輯器中使用簡單的按鈕來新增影片到你的頁面和文章中
影片響應式嵌入並且會自動適應容器大小,保持長寬比
支援以下參數:控制條(開/關)、自動播放(開/關)、自動隱藏控制條(開/關)、循環播放(開/關)

點選「插入影片」按鈕會開啟彈出視窗,你可以在那裡貼上影片網址和設定參數。你也可以設定起始時間,或者留下 0:00 從頭播放。播放清單也得到支援。此外,這個外掛還會儲存最近使用過的影片清單,供未來使用。在之後的版本中,將會有類似影片庫的功能,以在多位 WordPress 管理員和編輯之間存取和分享影片。

這個外掛是另一個更大型的專案的一部分。因為實用又簡便,所以我決定將代碼分離出來作為單獨的外掛免費提供給大眾。

使用方式

當你在文章/頁面編輯器中使用「插入影片」按鈕時,它會自動新增一個短代碼。或者,你也可以手動輸入短代碼:

[rem_video id=”影片ID” list=”播放清單ID” autoplay=0 controls=1 autohide=0 loop=0]

影片ID 是從 YouTube 網址中取得,為 v= 後的部分,例如 https://www.youtube.com/watch?v=mbBmc8RC_S8
播放清單ID 是指播放清單的 ID,例如 https://www.youtube.com/watch?v=mbBmc8RC_S8&list=PLCF042F294768BFD1
autoplay=(0|1):若設為1,則當你的頁面載入後就會自動播放影片。預設值為 0,不會自動播放
autohide=(0|1):若設為1,在播放影片時將隱藏控制條。預設值為 0,控制條將一直顯示
controls=(0|1):若設為1,將顯示控制條;若設為0,控制條將不顯示。預設值為 1。
loop=(0|1):若設為1,當影片結束時,會重新播放影片並從頭開始播放;如果是播放清單,將循環播放自清單的第一部影片。

原文外掛簡介

This plugin adds a button to post editor to insert videos and video playlists easily. Simply click the button, paste YoutubeURL
and kick Insert Video. Support for other video hostings will be added later. Video embedding can be used as a shortcode in posts
and pages, including custom post types.
A few notes about the sections above:

Simple button in editor to add videos to your pages and posts
Video is embedded responsively – will fit the container, keeping aspect ratio
Supports the following parameters: controls (on/off), autoplay (on/off), autohide controls (on/off), loop (on/off)

By clicking > Insert Video button it opens a popup window where you can paste video URL and set parameters. You can also set start time,
or just leave it 0:00 if you want to play video from the beginning. Playlists are also supported.
It also stores a list of recent videos where you can chose one of the videos you have used before (or saved for future). In later versions,
there will be something like a video library to access and share videos between multiple wordpress administrators and editors.
This plugin was a part of another bigger project. It was handy and easy to use, so I decided to extract the code to a stand-alone
plugin and make it available for free for public.
Usage
When you use > Insert Video button in post / page editor, it adds a shortcode automatically. Alternatively, you can put a shortcode manually:
[rem_video id=”XXXXX” list=”YYYYY” autplay=0 controls=1 autohide=0 loop=0]
XXXXX is a video ID from Youtube URL, it comes after v=, like https://www.youtube.com/watch?v=mbBmc8RC_S8
YYYYY is a playlist ID (for playlists), like https://www.youtube.com/watch?v=mbBmc8RC_S8&list=PLCF042F294768BFD1
autoplay=(0|1): if 1, video will start automatically when your page is loaded. Default is 0 – video will not start automatically.
autohide=(0|1): if 1, it will hide controls when video is played. Default is 0 – controls will be always visible.
controls=(0|1): if 1, controls will be shown, if 0 – hidden. Default is 1.
loop=(0|1): if 1, when video is ended, it will start from the beginning. If it is a playlist, it will loop from first video in the list.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Responsive Video Embedder」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


最新版本

延伸相關外掛(你可能也想知道)

  • Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式,擁有超過150個可自訂選項,讓您擁有22,500種組合選擇!您不需要編寫代碼或知識,只需使用簡單易用的介...。
  • WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎?需要一個能讓您的手機訪客參與的手機菜單外掛嗎?, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備(智能...。
  • WPtouch – Make your WordPress Website Mobile-Friendly 》WPtouch是一個 WordPress 插件,為您的 WordPress 網站自動添加一個簡單而優雅的行動版主題,以迎接行動訪客。建議您使用 Google 推薦的 WPtouch,它可以立即...。
  • Sidebar Widgets by CodeLights 》❗ 很抱歉,由於 SiteOrigin 的 widgets API 完全更改,CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案:您仍然可以在純文字編輯器中創...。
  • WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛,可以讓您在WordPress網站上快速添加高度可定制的響應式菜單,在設置頁面上直接進行自定義,無需任何編碼技能。, 查看實...。
  • Font Awesome 4 Menus 》此 WordPress 外掛能夠在不需編寫任何程式碼的情況下,將 Font Awesome 4 圖示添加到您的 WordPress 選單和網站上!您只需將 fa-(圖示名稱)添加為選單的 cl...。
  • Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊,讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊,加入他們的照片、職位、個人簡介...。
  • Portfolio Gallery – Image Gallery Plugin 》外掛名稱:Portfolio Filter Gallery WordPress Plugin, , 外掛描述:, , 這是一個非常簡易的方法,可以為 WordPress 網站創建美麗和響應式的作品集。Portfol...。
  • Genesis Responsive Slider 》此外掛可讓您建立簡單的響應式幻燈片,顯示每篇文章的特色圖像、標題和摘要。, 它包含您的投影片的最大尺寸選項,可讓您選擇顯示文章或頁面,可以從哪個類別...。
  • BlossomThemes Social Feed 》BlossomThemes Social Feed 外掛讓您可以在您的網站上顯示 Instagram 個人資料。該外掛與 BlossomThemes 的佈景主題搭配使用效果最佳。, 您可以最多顯示 25 ...。
  • Microthemer Lite – Visual Editor to Customize CSS 》Microthemer是一個輕量級且功能強大的視覺編輯器,可以自訂網站的CSS樣式,從Google字體到響應式佈局,它適用於程式開發人員和非程式開發人員,並與Elementor...。
  • Accordion Blocks 》Accordion Blocks 是一個簡單的外掛程式,可為您的頁面新增如手風琴般的下拉式選單的 Gutenberg 區塊。, 手風琴選單可以與您的佈景主題無縫結合。不過,您可...。
  • Timeline Express 》Timeline Express 是最佳的 WordPress 時間軸外掛程式,可讓您在網站上建立美麗的動畫垂直時間軸。填入公告,設定日期,Timeline Express 會按照正確的時間順...。
  • Tabby Responsive Tabs 》, 增加一組水平標籤,在較窄的視窗時會變成手風琴, 使用 jQuery 建立標籤和手風琴, 支援同一頁面多組標籤, 使用語意化的標題和內容標記, Aria 屬性和角色有助...。
  • ShiftNav – Responsive Mobile Menu 》ShiftNav 是 WordPress 的一個很棒的行動裝置選單外掛程式。它的外觀和操作方式與像 Facebook、Gmail 等受歡迎的應用程式的本機 App 側邊拉出式選單非常相似...。

文章
Filter
Mastodon