=== Lazy Responsive Video Embed === Contributors: MarcDK Tags: marctv, youtube, vimeo, jquery, google analytics, responsive, oembed, responsive, tracking, lazy, loop Requires at least: 3.8 Tested up to: 4.5 Stable tag: 4.2 == Description == 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) 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: `My Title` == looping == Just add the class "loop" to the link. Use this in your article while the wysiwyg editor is set to HTML mode: `My Title` = 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: `[embed title="My favourite Minecraft Video"]http://www.youtube.com/watch?v=vvNtvThPqKE[/embed]` = 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. == Installation == * Install plugin * Activate it = player size = Both the preview image and the embedded player iframe are automatically resized. = specify a start time = It is also possible to link to a specific start time for youtube videos. This script converts links like `My Title` to the appropriate time format and starts the video at that position. = Google Analytics = Events are being tracked automatically as "vimeo" and "youtube" with the video title as label. = Credits = Player icon by Font Awesome: http://fortawesome.github.com/Font-Awesome/#icon/icon-play-circle == Changelog == = 4.2 = * Added support for loop playback. Just add the class "loop" to the link. = 4.1 = * Added support for youtu.be links. = 4.0 = * Now requires Wordpress 3.8 or higher! * Uses new dashicons instead of sprites for even faster loading. * Optimized hover effects for better usability. * Added `jqpvideolayer` class to parent paragraph of player (p-Tag) for advanced css styling. (e.g. 'no margin' layouts). = 3.8.2 = * fixed missing ga label bug. = 3.8.1 = * removed Google Analytics "loaded" event. = 3.8 = * restored Google Analytics support * added Google Analytics Universal support. = 3.7.1 = * fixed an aspect ratio bug. The preview image is no longer cut off. = 3.7 = * added lazy loading for the player. This means the player will only be loaded if it is visible in the browser. = 3.6.3 = * new way to determine width. No no longer uses width of parent element. = 3.6.1 = * better play button position on mobile. = 3.6 = * better calculation for player width. * compatible with TwentyFifteen Theme. * more compatible retina screen optimized sprites. = 3.5.1 = * Moved script to footer = 3.5 = Fixed php notice for WP 4.0. New icons and logo. = 3.4 = Fixed vimeo embedding. = 3.3 = Removed deprecated calls (Incorrect Use of wp_enqueue_style()). Kudos to flexfoxx = 3.2 = Added "forcehd" class to force 720p playback. Works only with flash player. = 3.0 = * Loads hd maxres image if available = 2.95 = * SVG play button for Retina Displays (and any browser that supports SVG 1.1) = 2.94 = * The video title is now visible in the upper left corner of the video player = 2.93 = * fixed moving buttons while resizing = 2.92 = * corrected wrong hover image = 2.9 = * Nice and smooth hover effect = 2.8 = * Changes play button hover behavior = 2.6 = * Added oembed support for vimeo and youtube links = 2.5 = * completely rewritten from scratch * image based embedding. No Flash, No HTML5. * players are embedded after user interaction * dropped google video support (sorry) * responsive size (reacts to dynamic measures) * google analytics tracking events = 2.0 = Added autoplay, forcehd and showinfo = 1.8.1 = Made jslint happy. = 1.8 = Added new iframe embedcode for YouTube Videos. = 1.7 = Changed class name to "embedvideo". = 1.6.4 = Added start time feature for youtube = 1.6.2 = Added .wp-caption class to style video embed like images. = 1.6 = Forgot to add a bunch of files. = 1.4 = New description and more examples. = 1.2 = Fixed filenames = 1.1. = Fixed folder names = 1.0 = First version.