JQuery Plugin To Make A Fluid / Responsive Youtube Video Player | Fluidify

Fluidify is a simple jQuery plugin to make videos responsive making Youtube video player (iframe) completely seamless and responsive relative to the original container. The plugin determines the cover size of the video player and dynamically resizes the Youtube video while preserving the original aspect ratio.

jquery youtube video player, responsive video jquery, script to play youtube video, youtube video gallery jquery, jquery youtube video player with playlist


  • YouTube
  • Vimeo
  • Wistia
  • Kickstarter

How to make use of it:

1. Install & download.

$ npm install fluidify-video --save

2. Load the JavaScript file fluidify.js from the dist folder.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/fluidify.js"></script>

3. Or from the CDN.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="https://unpkg.com/fluidify-video"></script>

4. Embed your Youtube video right into a wrapper component.

<div class="video-container" style="max-width: 800px;">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/W5rMIoqCZug" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Make Youtube Video Player Fluid/Responsive, Fluidify Plugin/Github, jquery embed youtube video, play youtube video on hover, responsive youtube video background

See Demo And Download

Official Website(hamb0n3): Click Here

This superior jQuery/javascript plugin is developed by hamb0n3. For extra Advanced Usages, please go to the official website.

Leave a Comment