Supported video sites
- Dailymotion (inc Playlists)
- Iframe (transforms general iframe embed codes into responsive ones without junk)
- YouTube (inc Playlists and start-time)
- More in future versions
What it is
- One single button for all providers
- Unique thumbnail mode
- Tries to be as unobtrusive as possible (sets ‘hide brand’ variables to true if supported, uses youtube-nocookie embeds)
- Clean Shortcode syntax
[vimeo id="123456"]no ugly URLs, no unnecessary Shortcode wrapping.
- Autostart (does not work with all providers)
- Optional maximal width
- Colorbox integration (lightbox)
- Video alignment
- Loads the CSS compressed into the HTML head, no extra HTTP request, fast loading without any caching plugins
- General iframe support for any provider that not included that support iframe embeds. Can be used for any URL but will always be a ~16:9
- Detailed description of options in-place, also available translated into German.
Responsible embeds automatically re-sized to 100% of your content area. You can set up a maximal width if you don’t want to let the video get bigger then you like it.
This requires jQuery Colorbox to be loaded. This simply transforms your Shortcodes into a thumbnails and when you click on them it will open a big video in a Colorbox.
It will get thumbnail images from providers that support them, currently this is Youtube, Dailymotion, Vimeo and Blip.tv for all other providers you have the option to emulate a thumbnail called “fake thumbnail” and load the actually video player in thumbnail size with a invisible link on top of it to open the colorbox. If fake thumbnails are disabled, or not possible they are displayed as black videos or you can pick your own thumbnail image. Watch the Thumbnail Demo test here.
If you want to use the `Thumbnail Mode` you need to install the jQuery Colorbox Plugin or make colorbox load in any way on your WordPress.
For most webhosts the usual way:
WP Dashboard -> Plugins -> Add New -> Search ‘Advanced Responsive Video Embedder’ -> Install -> Activate
- Extract the zip file
- Upload the `advanced-responsive-video-embedder` directory to the `/wp-content/plugins/` directory
- Activate the plug-in through the ‘Plugins’ menu in WordPress
- Make some Options in Settings->A.R. Video Embedder if you like
- Click the Video icon in your WordPress rich text editor, enjoy!
If you want to manually create Shortcodes, here are the old instructions, but remember that its easier just to paste the URL/embed code in the buttons dialog.
If Videos work on phones or tablets depends on the video provider. If the provider only serves in Flash it won’t work on Apple.
What it does NOT
- lots of customization / options
- use of oEmbed, completely useless and unnecessary for video embeds in my opinion, providers send all sorts of junk HTML, inline CSS that’s not needed. Embeds by this plugin are created the same simple way for every provider. Unfortunately they still can do what they want in iframe, Collegehumor for example puts a white line with a Facebook like button under the video but all others serve clean video. Watch the test page.
The plug-in is currently in beta and needs testing. If you find any bugs then report them on the WordPress Forums.
The regular expressions to detect the ID’s might not be perfect, if you notice a ID not being detected right or not at all please report it.
Fake thumbnail mode is currently automatically disabled for this providers because they serve the video (inside iframe) without wmode=transparent what causes ‘clicking through’ the invisible links instead of opening the lightbox. Comedycentral, Gametrailers, Liveleak, Movieweb, Myvideo, Snotr, Viddler. If you happed to know that there are parameter options to make them serve the video with a wmode=transparent let me know in comments below.
If you like to translate the Plugin please go ahead and send me the translation files. I recommend the Codestyling Localization plugin to do it.