Title: RB Responsive Video Output
Author: redballoondesignltd
Published: <strong>2017년 6월 12일</strong>
Last modified: 2017년 7월 10일

---

플러그인 검색

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/rb-responsive-video-output/assets/icon-256x256.png?rev=1676559)

# RB Responsive Video Output

 작성자: [redballoondesignltd](https://profiles.wordpress.org/redballoondesignltd/)

[다운로드](https://downloads.wordpress.org/plugin/rb-responsive-video-output.zip)

 * [세부사항](https://ko.wordpress.org/plugins/rb-responsive-video-output/#description)
 * [평가](https://ko.wordpress.org/plugins/rb-responsive-video-output/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/rb-responsive-video-output/#installation)
 * [개발](https://ko.wordpress.org/plugins/rb-responsive-video-output/#developers)

 [지원](https://wordpress.org/support/plugin/rb-responsive-video-output/)

## 설명

A plugin for managing and displaying videos on your website. Creates a “Videos” 
Custom post type allowing you to integrate youtube videos with WordPress to output
custom titles, descriptions and image thumbnails to display videos on your website.
Alternatively you can also output any youtube video directly via shortcodes, optimised
for responsive devices with a variety of output options to best suit your page.

Includes a number of embed methods:

 * Embed: These can be within the content,
 * Modal: as a modal,
 * Gallery: multiple videos in a gallery

#### Shortcode examples

Youtube video embed with a custom thumbnail and a title using a video custom post:

    ```
    [video id="21" title="show" thumbnail="show"][/video]
    ```

Youtube video brought in by youtube_id displayed using a modal:

    ```
    [video youtube_id="SW3o7rSn-TY" type="modal"][/video]
    ```

Video gallery using the thumbnail option:

    ```
    [video id="21, 22, 23" type="gallery" gallery_options="thumbnails"][/video]
    ```

Video embed using a non-youtube video:

    ```
    [video iframe_url="https://player.vimeo.com/video/197202895"][/video]
    ```

#### Shortcode options

**One of these options must be set:**

**Output a video from a custom post**

    ```
    id='[video 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](https://docs.google.com/document/d/1fUWAj2Yi6I0uLRp8ZyK2DwVdmiFEc0sY5Kb-TTzi3G4/edit?usp=sharing)

_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 [support@redballoon.io](https://ko.wordpress.org/plugins/rb-responsive-video-output/support@redballoon.io?output_format=md)

## 스크린샷

[⌊Example of the modal option⌉⌊Example of the modal option⌉[

Example of the modal option

[⌊Example of the gallery option⌉⌊Example of the gallery option⌉[

Example of the gallery option

[⌊Example of the embed option. The height of the video will respond with the width
of the element.⌉⌊Example of the embed option. The height of the video will respond
with the width of the element.⌉[

Example of the embed option. The height of the video will respond with the width
of the element.

## 설치

 1. Download the zip file from the github page
 2. Upload the unzipped folder to the `/wp-content/plugins/` directory of your wordpress
    site
 3. Activate the plugin through the ‘Plugins’ menu in WordPress
 4. Add the `[video]` shortcode where you want the video to be output
 5. Use the shortcode options to customise how the video gets displayed

## FAQ

  Installation Instructions

 1. Download the zip file from the github page
 2. Upload the unzipped folder to the `/wp-content/plugins/` directory of your wordpress
    site
 3. Activate the plugin through the ‘Plugins’ menu in WordPress
 4. Add the `[video]` shortcode where you want the video to be output
 5. Use the shortcode options to customise how the video gets displayed

  Does this work with other video hosts?

This plugin is primarily designed to work with youtube videos, but it can work with
any iframe content.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“RB Responsive Video Output”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이
플러그인에 기여하였습니다.

기여자

 *   [ redballoondesignltd ](https://profiles.wordpress.org/redballoondesignltd/)
 *   [ markredballoon ](https://profiles.wordpress.org/markredballoon/)

[자국어로 “RB Responsive Video Output”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/rb-responsive-video-output)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/rb-responsive-video-output/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/rb-responsive-video-output/)를
확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/rb-responsive-video-output/)
을 [RSS](https://plugins.trac.wordpress.org/log/rb-responsive-video-output/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.2.2

 * Updated how files are included

#### 1.2.1

 * Added ID column to the admin pages to make finding the video ids easier.

#### 1.2

 * Public launch version.
 * Updated the plugin to include modal and gallery code from bootstrap

#### 1.1

 * Updated the javascript to use the youtube api version 3
 * Added the gallery option for videos

#### 1.0

 * Added video post type, Modals and controlling the videos using the youtube api

## 기초

 *  버전 **1.2.2**
 *  최근 업데이트: **9년 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 4.3 또는 그 이상 **
 *  다음까지 시험됨: **4.8.33**
 *  언어
 * [English (US)](https://wordpress.org/plugins/rb-responsive-video-output/)
 * 태그:
 * [gallery](https://ko.wordpress.org/plugins/tags/gallery/)[modal](https://ko.wordpress.org/plugins/tags/modal/)
   [responsive](https://ko.wordpress.org/plugins/tags/responsive/)[videos](https://ko.wordpress.org/plugins/tags/videos/)
   [youtube](https://ko.wordpress.org/plugins/tags/youtube/)
 *  [고급 보기](https://ko.wordpress.org/plugins/rb-responsive-video-output/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/rb-responsive-video-output/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/rb-responsive-video-output/reviews/)

## 기여자

 *   [ redballoondesignltd ](https://profiles.wordpress.org/redballoondesignltd/)
 *   [ markredballoon ](https://profiles.wordpress.org/markredballoon/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/rb-responsive-video-output/)