jYmbed is a simple jQuery plugin for embedding a YouTube video of a url or id of the video. It provides a complete set of tools and flexible for embedding videos from Youtube. With it you have all the video information: state of the player (play, pause, end, buffering), duration, current time, quality and also can obtain the percentage of video viewed.
To use the jYmbed plugin, include the jQuery library and the jYmbed source file into your HTML document:
<script type="text/javascript" src="/path/libs/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/path/dist/jquery.jYmbed.min.js"></script>
To setup jYmbed, add the following code to your HTML document:
<script>
$(document).ready(function(){
$(".youtube").jYmbed();
});
</script>
These are the minimal HTML settings for a embedding Youtube video:
<div class="youtube">http://www.youtube.com/watch?v=ScMzIvxBSi4</div>
All ready-to-use files are located in the dist/ directory.
The jquery.jYbmed.js and jquery.jYmbed.min.js files contain the core and all plugins concenated together.
You can find some example implementations in the examples/ directory.
Copyright (c) 2013 Luciano Souza. Released under the MIT license.