jQuery Plugin For Easy Youtube Video Embedding - EasyEmbed

File Size: 9.61 KB
Views Total: 2720
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin For Easy Youtube Video Embedding - EasyEmbed

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>

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 controls
  • data-info: true or false. Show video title and player actions

Change logs:


  • Supports jQuery 3.0+


  • Check for easy-embed objects


  • v1.1.0


  • added thumbnail override support


  • 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.