Title: Responsive Video Embeds
Author: Kevin Leary
Published: <strong>2012年4月15日</strong>
Last modified: 2014年1月23日

---

プラグインを検索

![](https://ps.w.org/responsive-video-embeds/assets/banner-772x250.jpg?rev=531496)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://s.w.org/plugins/geopattern-icon/responsive-video-embeds_6a7489.svg)

# Responsive Video Embeds

 作者: [Kevin Leary](https://profiles.wordpress.org/kevinlearynet/)

[ダウンロード](https://downloads.wordpress.org/plugin/responsive-video-embeds.1.2.5.zip)

 * [詳細](https://ja.wordpress.org/plugins/responsive-video-embeds/#description)
 * [レビュー](https://ja.wordpress.org/plugins/responsive-video-embeds/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/responsive-video-embeds/#installation)
 * [開発](https://ja.wordpress.org/plugins/responsive-video-embeds/#developers)

 [サポート](https://wordpress.org/support/plugin/responsive-video-embeds/)

## 説明

This plugin will automatically resize your WordPress auto-embeds, including video
and other iframes, in a responsive fashion. It currently supports the following 
providers:

 * YouTube
 * Vimeo
 * DailyMotion
 * Blip.tv
 * Viddler
 * hulu.com
 * Revision 3
 * Funny or Die
 * WordPress.tv
 * Scribd

#### Live Example

[Visit the test page](http://www.kevinleary.net/responsive-video-embeds-plugin-example/)
where you can resize the browser and watch the videos automatically scale to fit
the resolution.

#### About WordPress Auto-embeds

WordPress has a nifty auto-embed feature, allowing authors to automatically turn
a link to a video embed into a video player when a post is viewed. To turn this 
feature on check the **Auto-embeds** check box in **Administration > Settings > 
Media SubPanel**.

#### Under the hood

Please note that this plugins modifies the output of `modify_embed_output` filter,
adding HTML & CSS to make the magic happen.

Credit for the method used in this plugin goes to [Anders M. Andersen](http://amobil.se/2011/11/responsive-embeds/)
for crafting the method used to gracefully resize the embeds.

Create and maintained by [Kevin Leary](http://www.kevinleary.net/), a WordPress 
developer living in Boston, MA.

#### Multisite Compatibility

The _Responsive Video Embeds_ plugin is compatibly with WordPress Multisite, just
use the [Network Activate](https://codex.wordpress.org/Create_A_Network#WordPress_Plugins)
feature to enable responsive video resizing embed on every site. If you only want
responsive video resizing to happen on a specific site, activate the plugin for 
that site only.

## スクリーンショット

 * [[
 * Automatically resized videos, the magic happens when you resize the window

## インストール

 1. Install easily with the WordPress plugin control panel or manually download the
    plugin and upload the folder `responsive-video-embeds` to the `/wp-content/plugins/`
    directory
 2. WordPress の「プラグイン」メニューからプラグインを有効化してください
 3. In the WordPress admin, enable the **Auto-embeds** feature under the **Settings
    > Media** menu.
 4. Embed your videos using the [auto embed feature](https://codex.wordpress.org/Embeds)
    provided by WordPress.

## FAQ

  Installation Instructions

 1. Install easily with the WordPress plugin control panel or manually download the
    plugin and upload the folder `responsive-video-embeds` to the `/wp-content/plugins/`
    directory
 2. WordPress の「プラグイン」メニューからプラグインを有効化してください
 3. In the WordPress admin, enable the **Auto-embeds** feature under the **Settings
    > Media** menu.
 4. Embed your videos using the [auto embed feature](https://codex.wordpress.org/Embeds)
    provided by WordPress.

## 評価

![](https://secure.gravatar.com/avatar/544cc01cc46c37bb8e6a2a4510d6b81788a7eebeddd30f143d67de681384321d?
s=60&d=retro&r=g)

### 󠀁[Works great](https://wordpress.org/support/topic/works-great-5364/)󠁿

 [alexndlm](https://profiles.wordpress.org/alexndlm/) 2018年11月8日

WP version 4.9.8

![](https://secure.gravatar.com/avatar/4036408ea07bfedb1c25cc8b892587834d80e5bcf783a7e413f0be0f1005fb2e?
s=60&d=retro&r=g)

### 󠀁[Worksgreat](https://wordpress.org/support/topic/worksgreat-1/)󠁿

 [denicocc](https://profiles.wordpress.org/denicocc/) 2016年9月3日

Still works…

![](https://secure.gravatar.com/avatar/cbc8522a91ba4dcab5dd9d1ca63aa2829d67a5630895ecb682eb895139cee4aa?
s=60&d=retro&r=g)

### 󠀁[This is a good plugin](https://wordpress.org/support/topic/this-is-a-good-plugin-4/)󠁿

 [preWeather](https://profiles.wordpress.org/preweather/) 2016年9月3日

Thanks for this great plugin, works really well with youtube video

![](https://secure.gravatar.com/avatar/fc0812766316490436d3b236a0338b18d1c618004884f7f3f03acee15e2365da?
s=60&d=retro&r=g)

### 󠀁[Good plugin for posts videos](https://wordpress.org/support/topic/good-plugin-for-posts-videos/)󠁿

 [pixelmort](https://profiles.wordpress.org/pixelmort/) 2016年9月3日

resizing works fine without any black frame.

 [ 22件のレビューをすべて表示 ](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/)

## 貢献者と開発者

Responsive Video Embeds はオープンソースソフトウェアです。以下の人々がこのプラグ
インに貢献しています。

貢献者

 *   [ Kevin Leary ](https://profiles.wordpress.org/kevinlearynet/)

[“Responsive Video Embeds” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/responsive-video-embeds)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/responsive-video-embeds/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/responsive-video-embeds/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/responsive-video-embeds/)
を [RSS](https://plugins.trac.wordpress.org/log/responsive-video-embeds/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.2.4

 * Update to validate against WordPress Coding Standards
 * Minor fixes and updates to improve stability

#### 1.2.3

 * Fix issues with jQuery selector specificity on `embed`, `object` and `iframe`
   elements

#### 1.2.2

 * Fix issues with video height attributes and improper sizing
 * Switch to more reliable JS resizing method

#### 1.2.1

 * Adjust sizing of width and height attributes

#### 1.2

 * Fix Vimeo embeds, removing black bars from the left, right, top or bottom
 * Allow the sizing to adjust based on the source video’s aspect ratio
 * Add a very small amount of JS to calculate proper aspect ratio
 * Load CSS & JS conditionally, only when a supported embed is on a page/post
 * Simplify HTML, removing an unnecessary `div`

#### 1.1

 * Modifications to responsive container sizes to allow for a max-width setup using
   the WordPress [embed] shortcode.

#### 1.0

 * Initial public release to the WordPress plugin repository

## メタ

 *  バージョン **1.2.5**
 *  最終更新日 **9年前**
 *  有効インストール数 **2,000+**
 *  WordPress バージョン ** 3.0またはそれ以降 **
 *  検証済み最新バージョン: **3.7.41**
 *  言語
 * [English (US)](https://wordpress.org/plugins/responsive-video-embeds/)
 * タグ
 * [embed](https://ja.wordpress.org/plugins/tags/embed/)[Embeds](https://ja.wordpress.org/plugins/tags/embeds/)
   [object](https://ja.wordpress.org/plugins/tags/object/)[responsive](https://ja.wordpress.org/plugins/tags/responsive/)
   [video](https://ja.wordpress.org/plugins/tags/video/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/responsive-video-embeds/advanced/)

## 評価

 5つ星中3.9つ星

 *  [  13 5-星レビュー     ](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/?filter=5)
 *  [  3 4-星レビュー     ](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/?filter=2)
 *  [  5 1-星レビュー     ](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/?filter=1)

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

[すべてのレビューを見る](https://wordpress.org/support/plugin/responsive-video-embeds/reviews/)

## 貢献者

 *   [ Kevin Leary ](https://profiles.wordpress.org/kevinlearynet/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/responsive-video-embeds/)