Autoplay youtube video while clicking on a custom thumbnail image

Last updated on
Categories Under // ideasA Template Review by . No Comments

The thumbnails of Youtube videos are generally low in quality.  Sometimes, the thumbnail is not enough to get the people attention.  This can lead to lesser video views.

Here is a small we have written that works as follows.

  • A custom thumbnail is displayed at the size of 560px width and 615px height.
  • When the user clicks on it, the image fade outs.  Yes it will get animated as fade out.  We use jQuery fadeout function for it.
  • After that the video gets displayed.

Demo : Demo Page for displaying youtube video on click for the custom thumbnail image