jquery.tuberiframe.js

From the original blog post:

I created jquery.tuberiframe-1.1.js, a hybrid tool using the YouTube api and jquery, lets you set an initial image, which the user must click to play the video, and an after image, to display when the video ends. Alternatively, you can skip either image.

after image, "jump" transition

before image, "fade" transition

before and after images, "jump" transition

after, fade back to the before image

auto-start, looping

Js source, example html, sample images

MIT License