jQuery Plugin For Easy Youtube Video Embedding - EasyEmbed
File Size: | 9.61 KB |
---|---|
Views Total: | 2696 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
EasyEmbed is a small and fast jQuery plugin which allows you to embed Youtube videos with standard definition thumbnail fallback into your web page. All the parameters can be passed via Html5 data attributes without the need to write any javascript.
How to use it:
1. Add the jquery.easyembed.js
script to the web page, after you've added jQuery library.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="jquery.easyembed.js"></script>
2. Embed an Youtube video with a thumbnail fallback into your webpage using html5 data-*
attributes.
<div data-easy-embed></div>
3. You can also create an overlay for the video player.
<div data-easy-embed> <div class="overlay">PLAY</div> </div>
4. All data-*
attributes.
data-easy-embed
: auto initialize the plugin.data-id
: specify the Youtube Video ID.data-control
: true or false. Show player controlsdata-info
: true or false. Show video title and player actions
Change logs:
2016-11-15
- Supports jQuery 3.0+
2016-02-05
- Check for easy-embed objects
2015-07-24
- v1.1.0
2015-07-10
- added thumbnail override support
2015-07-08
- fixed multivideo bug
This awesome jQuery plugin is developed by RHNorskov. For more Advanced Usages, please check the demo page or visit the official website.