News

YouTube Chromeless WebPage Background

Francisca Manuel September 28, 2020

0 Shares

Use this chromeless player to show your favourite Youtube movies on your page!
Or easily transform your Youtube movie into a HTML background!
This jquery component let you have a chromeless, customizable player for your favorite YT movies. It can be used as background of your HTML page.

You have to see it to believe it

Let your imagination run wild, using jQuery and chromeless YouTube api, rendering the video as your webpage background , we have had some serious fun playing with this. See what you can do.

Add this to your page header

<script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="inc/jquery.metadata.js"></script>
  <script type="text/javascript" src="inc/jquery.mb.YTPlayer.js"></script>

  $(function(){
    $(".movie").mb_YTPlayer();
  });

  </script>

Add this code to your body section

<a id="bgndVideo" href="http://www.youtube.com/watch?v=BsekcY04xvQ"
  class="movie {opacity:.8, isBgndMovie:{width:'window',mute:true}, ratio:'16/9',quality:'default'}">
  background movie
  </a>