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://cn.wordpress.org/plugins/wc-responsive-video/#description)
 * [评价](https://cn.wordpress.org/plugins/wc-responsive-video/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wc-responsive-video/#installation)
 * [开发进展](https://cn.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
 * 嵌入
 * Object
 * Iframe

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

## 屏幕截图

 * [[
 * Desktop 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_.

## 常见问题

  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/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wc-responsive-video/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wc-responsive-video/)。

## 更新日志

#### 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 年前**
 *  活跃安装数量 **700+**
 *  WordPress 版本 ** 3.8 或更高版本 **
 *  已测试的最高版本为 **4.5.33**
 *  语言
 * [English (US)](https://wordpress.org/plugins/wc-responsive-video/)
 * 标签
 * [embed](https://cn.wordpress.org/plugins/tags/embed/)[Embeds](https://cn.wordpress.org/plugins/tags/embeds/)
   [responsive](https://cn.wordpress.org/plugins/tags/responsive/)[video](https://cn.wordpress.org/plugins/tags/video/)
 *  [高级视图](https://cn.wordpress.org/plugins/wc-responsive-video/advanced/)

## 评级

 4.6 星（最高 5 星）。

 *  [  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/)