Lazy Responsive Video Embed with Google Analytics and Piwik Tracking
Embeds youtube and vimeo videos responsive friendly. Features google analytics events and oEmbed compatibility.
Loads embeded player after user interaction with the power of jQuery. Won’t load the preview only if in viewport to
save bandwith.
Features
- Responsive player preview
- Lazy loads the preview player with high quality preview image if available.
- Loads the real embeded player after user interaction
- Tracks clicks with Google Analytics (Universal) and Piwik events
- Keeps your content clean by using just link to youtube url
HTML Embed
Use this in your article while the wysiwyg editor is set to HTML mode:
<a class="embedvideo" href="http://www.youtube.com/watch?v=TJHX52TXgm4">My Title</a>
looping
Just add the class “loop” to the link. Use this in your article while the wysiwyg editor is set to HTML mode:
<a class="embedvideo loop" href="http://www.youtube.com/watch?v=TJHX52TXgm4">My Title</a>
oEmbed
Activate “Auto-embeds” under settings -> media.
Use this in your article while the wysiwyg editor is set to HTML mode:
http://www.youtube.com/watch?v=atVFr_RbQUI
or specify a title:
What makes this plugin so special
Loads an image with play icon instead of an embed code which is only embedded after the image has been clicked. This way it saves loading time and bandwidth. And it has build in google analytic tracking events and is responsive, too!
Degrades gracefully. The biggest advantage of this plugin is that it does not alter your original markup in any way. If you (or youtube) decides that flash is not the best way to embed video you won’t be stuck with embed codes in your article. I will update this plugin to keep track with this development. And if you decide to use another plugin because this plugin does not suit your requirements then you can still switch because you did just add classes to html tags. So if everything breaks you still have working links to video ressources in your content.
Feel free to contact me if you have any questions. Please use the wordpress forums and name a tag of your post after the plugin’s name. Thank you.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.