前言介紹
- 這款 WordPress 外掛「mb.YTPlayer for background videos」是 2012-05-06 上架。
- 目前有 1000 個安裝啟用數。
- 上一次更新是 2023-09-14，距離現在已有 598 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
- 有 28 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
pupunzi |
外掛標籤
HTML5 | video | youtube | video player | full background |
內容簡介
這是一個無框架的YouTube®視訊播放器，可讓您將任何YouTube®視訊作為Wordpress®網頁或文章的背景播放。
您可以從設置面板啟用首頁播放（不需要許可證），或在任何文章或頁面中使用短代碼（需要Plus版本），如在設置的參考部分中所述。
如果您更喜歡使用Vimeo視訊，可以查看mb.VimeoPlayer WordPress插件。
備註：
如果您是該視訊的所有者，並且不想在背景視訊上顯示廣告，您可以像這裡所述一樣在您的YouTube頻道上禁用它：http://candidio.com/blog/how-to-remove-ads-from-your-youtube-videos。
示範：查看Youtube背景視訊的實際效果！
視訊：查看短視訊教程
pupunzi部落格：前往我的部落格
pupunzi網站：前往我的網站
該插件已在以下平台上進行了成功測試：
Mac OsX，Windows和Linux上的Chrome 11+，Firefox 7+，Opera 9+
Mac OsX上的Safari 5+
Windows上的IE7+（通過Adobe Flash播放器）
將視訊設為首頁背景視訊：
進入mbYTPlayer設置面板（您可以在WP後端的“設置”部分中找到它。
設置完整的YT視訊網址
根據需要設置所有其他參數。
您也可以透過YTPlayer短代碼視窗（Plus版本）放置短代碼在首頁上進行設置。
點擊頁面編輯器頂部的YTPlayer按鈕即可打開它。
將視訊設置為文章或頁面的背景：
使用編輯器按鈕或將以下短代碼寫入文章或頁面的內容中（Plus版本）：
[ mbYTPlayer url=”http://www.youtube.com/watch?v=V2rifmjZuKQ” ratio=”4/3″ mute=”false” loop=”true” showcontrols=”true” opacity=1 ]
@url = 要設置為背景的YT網址
@ratio = 視訊的長寬比 4/3或16/9
@mute = 靜音視訊的布林值
|>li>@loop = 在視訊結束時循環播放該視訊的布林值
@showcontrols = 顯示或隱藏視訊控制和進度的布林值
@opacity = 設置背景視訊不透明度的值（介於0到1之間）
@id = 您希望在DOM中定位播放器的元素的ID（默認為BODY）
@quality：
small：播放器高度為240像素，4:3長寬比的最小播放器尺寸為320像素×240像素。
medium：播放器高度為360像素，播放器尺寸為640像素x360像素（16:9長寬比）或480像素x360像素（4:3長寬比）。
large：播放器高度為480像素，播放器尺寸為853像素x480像素（16:9長寬比）或640像素x480像素（4:3長寬比）。
hd720：播放器高度為720像素，播放器尺寸為1280像素x720像素（16:9長寬比）或960像素x720像素（4:3長寬比）。
hd1080：播放器高度為1080像素，播放器尺寸為1920像素x1080像素（16:9長寬比）或1440像素x1080像素（4:3長寬比）。
原文外掛簡介
A Chrome-less Youtube® video player that let you play any YouTube® video as background of your WordPress® page or post.
You can activate it for your home page from the settings panel (no license needed) or on any post or page using the short code (need the Plus version) as described in the Reference section of the settings.
If you prefer to use a Vimeo video you can take a look at mb.VimeoPlayer WordPress plug-in
note:
If you don’t want ADs on your background video and you are the owner of it you can disable this on your Youtube channel as explained here: http://candidio.com/blog/how-to-remove-ads-from-your-youtube-videos .
demo: See the Youtube background video in action!
video: See a short video tutorial
pupunzi blog: Go to my blog
pupunzi site: Go to my site
This plug in has been tested successfully on:
Chrome 11+, Firefox 7+, Opera 9+ on Mac OsX, Windows and Linux
Safari 5+ on Mac OsX
IE7+ on Windows (via Adobe Flash player)
To set your homepage background video:
Go to the mbYTPlayer settings panel (you can find it under the “settings” section of the WP backend.
set the complete YT video url
set all the other parameters as you need.
You can also set it by placing a shortcode in the home page via the YTPlayer shortcode window (Plus version).
You can open it by clicking on the YTPlayer button in the top toolbar of the page editor.
To set a video as background of a post or a page:
Use the editor button or write the below shortcode into the content of your post or page (Plus version):
[mbYTPlayer url=”http://www.youtube.com/watch?v=V2rifmjZuKQ” ratio=”4/3″ mute=”false” loop=”true” showcontrols=”true” opacity=1]
@ url = the YT url of the video you want as background
@ ratio = the aspect ratio of the video 4/3 or 16/9
@ mute = a boolean to mute the video
@ loop = a boolean to loop the video on its end
@ showcontrols = a boolean to show or hide controls and progression of the video
@ opacity = a value from 0 to 1 that set the opacity of the background video
@ id = The ID of the element in the DOM where you want to target the player (default is the BODY)
@ quality:
small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.
medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).
large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).
hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).
hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).
highres: Player height is greater than 1080px, which means that the player’s aspect ratio is greater than 1920px by 1080px.
default: YouTube selects the appropriate playback quality.
mb.YTPlayer Plus
With the Plus version you’ll get:
Remove the water-mark from the video
Set the video opacity
Set the video quality
Set the video aspect ratio
Set the video start point
Set the video end point
Show the control bar
Choose the full screen behavior
Set the starting audio volume
Choose if the video should start mute or not
Choose if the video should loop
Add a raster image over the video
Track the video views on Google Analytics
Choose if the player should pause if the windows blur
Add any YTPlayer video as background of any page or as backgraund of any element of your page enabling the short-code editor.
Use the YTPlayer to display a clean Youtube video as player (via short-code).
What about mobile
The mb.YTPlayer now works on mobile devices!
The video starts as soon the device screen is touched.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「mb.YTPlayer for background videos」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
3.3.0 | 3.3.1 | 3.3.2 | 3.3.3 | 3.3.4 | 3.3.5 | 3.3.6 | 3.3.7 | 3.3.8 | trunk |
延伸相關外掛（你可能也想知道）
Easy Video Player 》Easy Video Player 是一個易於使用的 WordPress 影片外掛程式，可展示您的影片。您可以嵌入自行架設的影片或使用直接連結外部架設的影片。, Easy Video Playe...。
MediaElement.js – HTML5 Video & Audio Player 》此外掛為 WordPress 設計的影音控制元件，是建立在 MediaElement.js HTML5 播放器程式庫之上，並為不支援 HTML5 的瀏覽器提供 Flash 或 Silverlight 候補播放...。
Videojs HTML5 Player 》Video.js HTML5 Player 是一個支持桌面和移動裝置視頻播放的用戶友好的外掛。它讓你輕鬆嵌入自主託管的視頻文件或使用 Video.js 庫的外掛視頻文件。, , Video...。
Video.js – HTML5 Video Player for WordPress 》, , 這是一個基於 Video.js HTML5 播放器庫所建立的 WordPress 外掛。它能夠讓您使用 HTML5 在文章或頁面中嵌入影片，並提供 Flash 回退支援非 HTML5 瀏覽器...。
WordPress Mobile Pack – Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps 》WordPress Mobile Pack 是一款能協助你將網站內容轉換為漸進式行動網路應用程式的 WordPress 外掛。它附帶多種行動應用主題，可單獨購買或作為一個套件購買。...。
Gravity Forms – Placeholders add-on 》將 Gravity Forms 外掛的 HTML5 placeholder 功能強化，將欄位標籤複製為 placeholder 並隱藏之。對於不支援 HTML5 placeholder 屬性的舊版瀏覽器，使用 Java...。
Video Player for WPBakery 》Video Player for WPBakery 是 WPBakery Page Builder 的一個外掛程式，可以讓您在 WordPress 網站中添加 YouTube、Vimeo 和自行托管的視頻（HTML5）。, 功能...。
Cincopa video and media plug-in 》無需多個 WordPress 外掛來管理您的媒體，Cincopa 是您所有媒體需求中唯一需要的外掛。使用 Cincopa 輕鬆地添加視頻、照片庫、幻燈片、音樂和播放列表等等。...。
PB oEmbed HTML5 Audio – with Cache Support 》這個外掛使用 WordPress 用於其他用途（例如YouTube視頻等）的 oEmbed 技術，為文章和頁面添加了放置音頻文件的功能。音頻文件使用 HTML5 音頻標籤嵌入，對於...。
Modernizr for WordPress 》這個外掛可以在你的WordPress安裝中加入 Modernizr。, Modernizr是一個小型JavaScript函式庫，用來檢測下一代網頁技術中的原生實作可用性，也就是來自HTML5和...。
Gravity Forms HTML5 Validation 》此外掛為Gravity Forms外掛新增原生HTML5驗證支援。, 支援標準與分頁表單。, 支援標準欄位, , 單行文字, 段落文字, 下拉式清單, 多選清單, 核取方塊, 數字, ...。
Flowplayer Video Player 》Flowplayer 影片播放器可在您的 WordPress 網站上添加一個影片短碼。使用此短碼，您可以嵌入一個影片檔案，並使用 Flowplayer HTML5 播放器進行播放。, 特點,...。
Bradmax Player 》Bradmax Player 是一個 WordPress 外掛，支援桌面及行動裝置上的影片串流播放。只要您具有以下格式的影片串流存取權限：, – HLS, – MPEG-DASH, &...。
Radio Forge Muses Player with Skins 》RadioForge Players 可在瀏覽器中提供本機音頻播放。它支援所有的瀏覽器，包括 iOS、Android、Firefox、Chrome、Safari、IE 和 Opera。, RadioForge Players ...。
Video.js HLS Player 》Video.js HLS Player 是一個易於使用的外掛，可以使用此定制的 video.js 播放器將響應式/流體（或固定寬度）HLS 影片輕鬆嵌入 WordPress 文章和頁面中。嵌入...。