這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

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 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 for crafting the method used to gracefully resize the embeds.

Create and maintained by Kevin Leary, a WordPress developer living in Boston, MA.

Multisite Compatibility

The Responsive Video Embeds plugin is compatibly with WordPress Multisite, just use the Network Activate 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. Activate the plugin through the ‘Plugins’ menu in 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 provided by WordPress.

常見問題集

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. Activate the plugin through the ‘Plugins’ menu in 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 provided by WordPress.

使用者評論

閱讀全部 22 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Responsive Video Embeds〉的開發相關工作。

參與者

將〈Responsive Video Embeds〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 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