Title: Responsive oEmbed
Author: Palasthotel GmbH
Published: <strong>2017 年 4 月 6 日</strong>
Last modified: 2019 年 3 月 3 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

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

# Responsive oEmbed

 作者：[Palasthotel GmbH](https://profiles.wordpress.org/palasthotel/)

[下载](https://downloads.wordpress.org/plugin/responsive-oembed.1.4.1.zip)

 * [详情](https://cn.wordpress.org/plugins/responsive-oembed/#description)
 * [评价](https://cn.wordpress.org/plugins/responsive-oembed/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/responsive-oembed/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/responsive-oembed/#developers)

 [支持](https://wordpress.org/support/plugin/responsive-oembed/)

## 描述

ATTENTION for WP Version 5+: This plugin does not work with Gutenberg (no problems
with Classic Editor plugin though)! Gutenberg brings its own CSS for responsive 
oEmbed elements, so this plugin would double that and create strange effects.

This plugin uses some minimal CSS rules and a wrapping HTML element to maintain 
the aspect ratio of oEmbed elements with fixed aspect ratio (e. g. YouTube, Vimeo
or Soundcloud).

Unlike other plugins, this plugin does not use any JavaScript!

The aspect ratio is calculated from the (iframe, object or embed) HTML tag width
and height attributes. An aspect ratio will only be applied, if both width AND height
attributes are given by the oEmbed element and if there is no data-secret attribut
set (because those are handled via wp-embed.js). Some oEmbeds have no width or height
attributes set, because they calculate their dimension via JavaScript. In those 
cases this plugin has no effect.

You can find a [list of all oEmbed sites supported by WordPress here](https://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F).

## 安装

 1. Upload `responsive-oembed.zip` to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. You’re done! Try pasting a YouTube, Vimeo or any other oEmbed URL into a post. 
    Open the post and resize your browser window, the oEmbed element should scale properly.

## 评价

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

### 󠀁[Plugin did nothing](https://wordpress.org/support/topic/plugin-did-nothing-2/)󠁿

 [jmf](https://profiles.wordpress.org/jadenemayla/) 2019 年 4 月 30 日

I followed the minimal instructions but the plugin did nothing. My embedded content
was still NOT responsive.

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

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-18983/)󠁿

 [Kudratullah](https://profiles.wordpress.org/mhamudul_hk/) 2018 年 8 月 29 日

Exactly what i’m looking for. Keep up the good work.

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

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

 [aberniz](https://profiles.wordpress.org/aberniz/) 2018 年 1 月 5 日

It works perfect! I had purchased a minimalist theme (those built for being fast)
but it had an issue with oembed videos. This plugin saved my life! Thanks.

 [ 阅读所有3条评价 ](https://wordpress.org/support/plugin/responsive-oembed/reviews/)

## 贡献者及开发者

「Responsive oEmbed」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

[帮助将「Responsive oEmbed」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/responsive-oembed)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/responsive-oembed/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/responsive-oembed/)，或通过[RSS](https://plugins.trac.wordpress.org/log/responsive-oembed/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/responsive-oembed/)。

## 更新日志

#### 1.4.1

 * WordPress 5.1 compatibility check and readme.txt update.

#### 1.4

 * Exclude WordPress post embeds, because their size is handled via wp-embed.js.

#### 1.3

 * Fixed problem with unexpected margins in frontend and backend.

#### 1.2

 * Changed wrapper HTML tag to div to prevent parsing errors, when there are blockquotes
   or other p tags inside the oembed code.

#### 1.1

 * Allow any aspect ratios.

#### 1.0

 * First release

## 额外信息

 *  版本 **1.4.1**
 *  最后更新：**7 年前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 4.0 或更高版本 **
 *  已测试的最高版本为 **5.1.22**
 *  语言
 * [English (US)](https://wordpress.org/plugins/responsive-oembed/)
 * 标签
 * [aspect ratio](https://cn.wordpress.org/plugins/tags/aspect-ratio/)[iframe](https://cn.wordpress.org/plugins/tags/iframe/)
   [oembed](https://cn.wordpress.org/plugins/tags/oembed/)[responsive](https://cn.wordpress.org/plugins/tags/responsive/)
   [youtube](https://cn.wordpress.org/plugins/tags/youtube/)
 *  [高级视图](https://cn.wordpress.org/plugins/responsive-oembed/advanced/)

## 评级

 3.7 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/responsive-oembed/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/responsive-oembed/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/responsive-oembed/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/responsive-oembed/reviews/?filter=2)
 *  [  1 条 1 星评价     ](https://wordpress.org/support/plugin/responsive-oembed/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/responsive-oembed/reviews/)

## 贡献者

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/responsive-oembed/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://palasthotel.de/)