jQuery Plugin For Fullscreen Youtube / Vimeo Videos - fullscreeneo

File Size: 2.41 KB
Views Total: 3008
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Fullscreen Youtube / Vimeo Videos - fullscreeneo

fullscreeneo is an extremely lightweight jQuery plugin that makes iframe element fullscreen and fully responsive for iFrame embedded YouTube and Vimeo videos. Also works with any iframe embedded content such as webpages.

How to use it:

1. Add the 'data-fullscreeneo' attribute to your iframe elements as this:

<iframe src="//www.youtube.com/embed/epxu0eFPjRM?autoplay=1" frameborder="0" allowfullscreen data-fullscreeneo=""></iframe>
<iframe src="//player.vimeo.com/video/187680247?autoplay=1&background=1&hd=1" frameborder="0" data-fullscreeneo=""></iframe>

2. Download the zip and include the main JavaScript file 'jquery.fullscreeneo.js' after jQuery library.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.fullscreeneo.js"></script>

This awesome jQuery plugin is developed by thisislawatts. For more Advanced Usages, please check the demo page or visit the official website.