How to play YouTube video in the background with custom controls

Question

I would like to use a new thing on the site, i can show you exactly what it is. Please check this on the banner part of this site http://www.pointblanklondon.com/courses/london/music-production-courses/ba-hons-music-production-and-sound-engineeering/

If you go to to this web page and click on the play image it it opens a video, its really cool.. It has the play button that opens it and then the pause button closes it back.. i love it! Its a youtube video.

When the video is also running it has a button that works over the top as a link.

Can somebody shed some light on this for me please. I assume this is HTML5. any thoughts?

Regards,
Bark

Answer 1

On that page, this is done using a Jquery plugin named 'Tubular'

Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way.

This is the official page http://www.seanmccambridge.com/tubular/
and is free for use.