Title: Responsive Videos by Angie Makes
Author: Chris Baldelomar
Published: <strong>2014年1月18日</strong>
Last modified: 2017年5月10日

---

プラグインを検索

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

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

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

# Responsive Videos by Angie Makes

 作者: [Chris Baldelomar](https://profiles.wordpress.org/cbaldelomar/)

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

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

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

## 説明

This plugin was designed and tested to work with [Angie Makes WordPress themes](http://angiemakes.com/feminine-wordpress-blog-themes-women/).

This plugin will automatically resize your videos inserted in your WordPress editor.
The code is light and only uses CSS. No javascript is used so there is no delay 
in your iframes and/or embeded objects from being resized. This plugin will also
try to correctly guess your aspect ratio so your videos always look great. And if
the aspect ratio is not correctly identified, then you can easily apply the correct
aspect ratio using CSS. Every video is assigned a unique class name.

It currently has been tested for the following providers:

 * Youtube
 * Vimeo
 * DailyMotion
 * WordPress TV
 * 埋め込む
 * オブジェクト
 * Iframe

[Live Demo & Documentation](http://hallie.angiemakes.com/blog/)

## スクリーンショット

[⌊Desktop View⌉⌊Desktop View⌉[

Desktop View

[⌊Mobile View⌉⌊Mobile View⌉[

Mobile View

## インストール

 1. Uzip the `wc-responsive-video.zip` folder.
 2. Upload the `wc-responsive-video` folder to your `/wp-content/plugins` directory.
 3. In your WordPress dashboard, head over to the _Plugins_ section.
 4. Activate _WordPress Canvas – Responsive Videos_.

## FAQ

  Installation Instructions

 1. Uzip the `wc-responsive-video.zip` folder.
 2. Upload the `wc-responsive-video` folder to your `/wp-content/plugins` directory.
 3. In your WordPress dashboard, head over to the _Plugins_ section.
 4. Activate _WordPress Canvas – Responsive Videos_.

  How does this plugin work?

Once you activate this plugin, an element will wrap your iframe videos and the following
CSS hacks will be applied.
 http://css-tricks.com/NetMag/FluidWidthVideo/Article-
FluidWidthVideo.php

  What aspect ratios do you support?

Currently, 16:9, 4:3, and 3:2. But this will change as people send me tips and suggestions.

## 評価

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

### 󠀁[Very lightweight and works!](https://wordpress.org/support/topic/very-lightweight-and-works/)󠁿

 [Jonathan Camp](https://profiles.wordpress.org/nampara17/) 2019年1月25日

Plugin basically only uses CSS to create fully responsive videos from the top providers.
Works out the box, no configuration required. Used it on some really OLD themes 
that have issues with responsive video formatting and it worked straight out the
box – just pressed activate – job done 🙂

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

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

 [Diana K. Cury](https://profiles.wordpress.org/dianakc/) 2017年3月30日

Works great! Don’t need to set up things, just activate the plugin and enter the
videos on posts and pages. Thanks a lot!

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

### 󠀁[It’s Work!](https://wordpress.org/support/topic/its-work-34/)󠁿

 [Syafiq Freman](https://profiles.wordpress.org/sapitt/) 2017年3月8日

Hi. This plugin is easy. Just activate n done which is what i wanted. Unfortunately
it’s not work for FB Video embed. Could you add support to FB video as well? Thank
you. 🙂

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

### 󠀁[Five stars works great!!!](https://wordpress.org/support/topic/five-stars-works-great/)󠁿

 [LNN](https://profiles.wordpress.org/ewan-norman/) 2017年1月23日

Five stars works great!!!

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

### 󠀁[Nothing else worked, but this plugin did!](https://wordpress.org/support/topic/nothing-else-worked-but-this-plugin-did/)󠁿

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

resized all of the videos perfectly! Thank you!

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

### 󠀁[It does what it says](https://wordpress.org/support/topic/it-does-what-it-says-34/)󠁿

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

It formats my video well in mobile view, which is what i wanted. thanks

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

## 貢献者と開発者

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

貢献者

 *   [ Chris Baldelomar ](https://profiles.wordpress.org/cbaldelomar/)

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

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

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

## 変更履歴

#### Version 1.11

 * rebranded

#### Version 1.10

 * Fixed bug with embed links being added to responsive video css

#### Version 1.9

 * Fixed bug with responsive video wrapper being added to WP Editor

#### Version 1.8

 * Added responsive video support for jetpack

#### Version 1.7

 * Fixed division by zero bug

#### Version 1.6

 * responsive support for object and embed

#### Version 1.5

 * Plugin released. Everything is new!

## メタ

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

## 評価

 5つ星中4.6つ星

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

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

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

## 貢献者

 *   [ Chris Baldelomar ](https://profiles.wordpress.org/cbaldelomar/)

## サポート

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

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