[WordPress] 外掛分享: RB Responsive Video Output

首頁外掛目錄 › RB Responsive Video Output
全新外掛
安裝啟用
尚無評分
3174 天前
最後更新
問題解決
WordPress 4.3+ v1.2.2 上架:2017-06-11

內容簡介

一款能夠管理與展示網站影片的 WordPress 外掛。建立「影片」自訂文章類別,可讓你將 YouTube 影片整合至 WordPress,以輸出自訂標題、描述和縮圖來展示影片於網站上。你也可以透過簡短代碼輸出任何 YouTube 影片,在各種輸出選項下,最佳搭配不同的網頁呈現方式,並適用於響應式裝置。

此外掛可提供多種嵌入方法:

- 嵌入式:於內容中嵌入
- 模式視窗:以模式視窗方式展示
- 影片庫:在庫中展示多個影片

簡短代碼範例:

- 使用自訂影片文章類別展示具有自訂縮圖和標題的 YouTube 影片:

- 透過 youtube_id 展示 YouTube 影片並用模式視窗顯示:

- 使用縮圖選項展示影片庫:

- 透過非 YouTube 影片用嵌入式 URL 展示影片:

簡短代碼選項:

必選其中一個選項:

- 自訂文章中的影片輸出:id='

Youtube video brought in by youtube_id displayed using a modal:

Video gallery using the thumbnail option:

Video embed using a non-youtube video:

Shortcode options
One of these options must be set:
Output a video from a custom post
id='' (default: blank)

If the video has been added as a video custom post type, add the post id of the video to add it here. The ID can be found in the url of the post in WordPress. If you set the type to gallery then you can add multiple comma separated ids.
Output a video from youtube
youtube_id="[youtube-video-id]" (default: blank)

This is the id of the youtube video you want to link to. This is the 11 digit code at the end of a youtube video’s url. https://www.youtube.com/watch?v= SW3o7rSn-TY
Output a video from another location
iframe_url="[non-youtube-url]" (default:blank)

If the video isn’t a youtube video then a the url gets added into a responsive iframe.
These options may also be set:
Dispay type
type="embed/modal/gallery" (default: "embed")

Changes how the video is output on the site:

“embed” outputs the video inline with the content and allows it to respond as the screen size changes.
“modal” outputs the video thumbnail inline with the content. Clicking the thumbnail opens up a modal window ontop of the page where the video plays. Options for the modal can be set witht the modal_options attribute. This option doesn’t work with videos brought in using the iframe_url attribute.
“gallery” outputs the videos in a gallery. One of the videos appears like the embed option. The options for the gallery can be set using the gallery_options attribute. This option doesn’t work with videos brought in using the iframe_url attribute.

Show or hide the title
title="show/hide" (default: "show")

Whether to show or hide the video’s title (only works with videos added as a custom post).
Add custom styles to the title
title_style="[css-class]" (default: blank)

css class that gets added to the title to apply multiple custom styles. Can be used for styling the title. “Overlaid” is built in, which makes the title absolutely positioned in the bottom left hand corner of the video.
Show or hide the thumbnail
thumbnail="show/hide" (default: "show")

Shows or hides the custom thumbnail. If the video is brought in using the youtube_id attribute, or the video post has no featured image, then the youtube default image will be used. No thumbnail image will be shown when using the iframe_url attribute.
Display options for Modals
modal_options="[options]" (default: empty)

Only used when the type is set to modal. Adds buttons types that close the modal. Multiple options can be selected, add them as a comma separated list.

“cross” : adds a cross in the top right of the modal.
“button” : adds a button beneath the modal to close it.

Clicking the background will always close the modal.
Display options for Galleries
gallery_options="[options]" (default: empty)

Only used when the type is set to gallery. Adds different carousel control options. Multiple options can be selected, add them as a comma separated list.

“arrows” : adds arrows that sit on top of the video.
“thumbnails” : adds a row of thumbnail images below that can be used to select a different video.
“indicators” : indicator buttons underneath the video.

See the full documentation here
This plugin uses modal and gallery js taken from Bootstrap 3.
Help us improve this plugin
If you have any feedback or require any support using this plugin, get in touch with us by email at [email protected]

延伸相關外掛

文章
Filter
Apply Filters
Mastodon