[WordPress] 外掛分享: Easy YouTube Gallery

首頁外掛目錄 › Easy YouTube Gallery
WordPress 外掛 Easy YouTube Gallery 的封面圖片
500+
安裝啟用
★★★★★
5/5 分(9 則評價)
427 天前
最後更新
問題解決
WordPress 3.9.0+ v1.0.5 上架:2015-05-26

內容簡介

使用此外掛程式,當您希望快速插入由所選定的 YouTube 影片所組成的相片庫網格時,便能使用它。

想要自動匯集從 YouTube 頻道、喜愛的內容、已按讚內容或播放清單中最新或隨機的影片,請看YouTube Channel。

功能

提供作為捷徑屬性的自訂 ID 設定(可設定單個或多個以逗號隔開)
為定向樣式提供自訂的附加類別(如果您需要在主題中混合相片庫)
分配縮略圖的自訂欄位數(至少 1 欄位,最多 8 欄位)
將影片標題設定為簡碼內容(以新行或垂直線分隔)
響應式縮略圖
使用Magnific PopUp燈箱的自動播放
清晰標記了類別

類別

主要容器:

.easy_youtube_gallery
.col-# 欄位數(預設為 1,支援至 8)
.ar-16_9 16:9,.ar-4_3 4:3 或 .ar-square 1:1 的外觀比例
由簡碼屬性 class 提供的自訂類別

錨點:

.eytg-item
.eytg-item-# 順序編號的項目
.eytg-item-first 相片庫區塊的第一個項目
.eytg-item-mid 相片庫區塊中間的項目
.eytg-item-last 相片庫區塊的最後一個項目

標題:(新功能 1.0.4)

.eytg-title 自訂影片標題
.top 在縮略圖上方定位自訂影片標題
.bottom 在縮略圖下方定位自訂影片標題

縮略圖:

.eytg-thumbnail 是設定影片縮略圖為背景圖片的 span 的類別

播放圖示

.eytg-thumbnail:before 是播放圖示的 pseudo-class

如何使用?

完整的簡碼

[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM,JvMXVHVr72A,AIXUgtNC4Kc,K8nrF5aXPlQ,cegdR0GiJl4,L-wpS49KN00,KbW9JqM7vho ar=16_9 cols=3 thumbnail=hqdefault controls=0 playsinline=1 privacy=1 title=top wall=1 class=mySuperClass]
Title One
Second Title
Video 3
Fourth Video
YouTube 5
Sixth YouTube
Player #8
9th item
[/easy_youtube_gallery]

基本的簡碼

[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM cols=3]

請注意!如果您從上述代碼中複製並貼上,則在將內容貼到頁面、文章或文本小工具內容之前,必須通過 Notepad 或其他純文本編輯器進行所有格式的清除並進行貼貼和複製!

簡碼參數

id(必填):單個 YouTube 影片 ID 或以逗號分隔的多個 ID
ar(可選):縮略圖的外觀比例;預設為 ar-16_9 為 16:9,但也支援 ar-4_3 為 4:3 和 ar-square 為 1:1
cols(可選):為縮略圖分配的欄位數;預設為1,支援至 8
thumbnail(可選):取自 YouTube 的縮略圖大小;預設為 hqdefault ,但我們可以使用:

0 具有最低分辨率
1 尺寸為 120x90
2 尺寸為 320x180
3 尺寸為 480x360
mqdefault 尺寸為 320x180
hqdefault 尺寸為 480x360
sddefault 尺寸為 640x480
maxresdefault 具有最大分辨率

controls(可選):在嵌入的播放器中啟用(1)或停用(0)YouTube 控制列;預設為 1
playsinline(可選):啟用(1)或停用(0)Vimeo 在 iOS 上自動全屏播放的行為;預設為 0
privacy(可選):啟用(1)或停用(0)YouTube 廣告隱私模式;預設為 0
title(可選):定義自訂標題的位置;可選項目為 top 和 bottom;預設為 top
wall(可選):定義相片牆的顯示方式以呈現覆蓋效果;預設為 0、停用狀態

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.5) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Easy YouTube Gallery」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Use this plugin when you wish to quick insert gallery grid composed from custom selected YouTube videos.
For automated latest or random videos collected from YouTube channel, favourites, liked videos or playlist check out My YouTube Channel
Features

Custom set of ID’s provided as shortcode attribute id (single of multiple ID’s separated by comma)
Custom additional class for targeted styling (if you need to blend gallery in your theme)
Custom number of columns to distribute thumbnails to (min 1, max 8)
Custom set video titles as shortcode content (separate by newline or pipe)
Responsive thumbnails
Autoplay with Magnific PopUp lightbox
Well marked with classes

Classes

Main container:

.easy_youtube_gallery
.col-# for number of columns (default is 1, supported up to 8)
.ar-16_9 for 16:9, .ar-4_3 for 4:3 or .ar-square for 1:1 aspect ratio
custom class provided by shortcode attribute class

Anchor:

.eytg-item
.eytg-item-# for order number of item
.eytg-item-first for first item in gallery block
.eytg-item-mid for middle items in gallery block
.eytg-item-last for last item in gallery block

Title: (new in 1.0.4)

.eytg-title for custom video title
.top positioning custom video title on top of thumbnail
.bottom positioning custom video title on bottom of thumbnail

Thumbnail:

.eytg-thumbnail is class for span where we set video thumbnail as background image

Play icon

.eytg-thumbnail:before is pseudoclass for play icon

How To Use?
Full shortcode
[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM,JvMXVHVr72A,AIXUgtNC4Kc,K8nrF5aXPlQ,cegdR0GiJl4,L-wpS49KN00,KbW9JqM7vho ar=16_9 cols=3 thumbnail=hqdefault controls=0 playsinline=1 privacy=1 title=top wall=1 class=mySuperClass]
Title One
Second Title
Video 3
Fourth Video
YouTube 5
Sixth YouTube
Video No. 7
Player #8
9th item
[/easy_youtube_gallery]

Basic shortcode
[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM cols=3]

Please note! If you doing copy&paste from code above, before you paste content to page, post or text widget content, clear all formatting by paste© to/from Notepad or other plain text editor!
Shortcode parameters

id (required) single YouTube video ID or multiple ID’s separated with comma
ar (optional) aspect ratio of thumbnails; default is ar-16_9 for 16:9, but also supported ar-4_3 for 4:3 and ar-square for 1:1
cols (optional) for number of columns to distribute thumbnails in; devault is 1, supported up to 8
thumbnail (optional) for YouTube size of thumbnail; default is hqdefault but we can use:

0 have resolution 480x360px
1, 2 and 3 have resolution 120x90px (first, second or third frame)
default have resolution 120x90px (Default Quality)
mqdefault have resolution 320x180px (Medium Quality)
hqdefault have resolution 480x360px (High Quality)
sddefault have resolution 640x480px (Standard Definition) and does not exists for lowres videos
maxresdefault have resolution 1920x1080px (Full HD) and does not exists for lowres videos

controls (optional) to optionally hide playback controls in lightbox player (default is 1 that means “display controls”, but you can set it to 0 to hide controls)
privacy (optional) enables enhanced privacy which means that YouTube won’t store information about visitors on your web page unless they play the video. (0 or 1)
playsinline controls whether videos play inline or fullscreen in an HTML5 player on iOS. Learn more on Google Developers (0 or 1)
class (optional) to add custom style class if you wish to target specific styling for your own needs
wall (optional) render video wall with player at top and thumbnails below (0 or 1)
title (optional) set custom video titles position (top or bottom)

TODO

Replace MagnificPopUp with newer library
VisualComposer block
Inline player instead of opening in lightbox

延伸相關外掛

文章
Filter
Apply Filters
Mastodon