[WordPress] 外掛分享: mb.YTPlayer for background videos

首頁外掛目錄 › mb.YTPlayer for background videos
WordPress 外掛 mb.YTPlayer for background videos 的封面圖片
1,000+
安裝啟用
★★★★
4.1/5 分(28 則評價)
915 天前
最後更新
問題解決
WordPress 3.0+ v3.3.8 上架:2012-05-06

內容簡介

這是一個無框架的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長寬比)。

外掛標籤

開發者團隊

⬇ 下載最新版 (v3.3.8) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「mb.YTPlayer for background videos」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon