Custom "Thumbnail" for a YouTube Video | jQuery? Javascript?

Posted on 2012-09-18
Last Modified: 2012-11-27
I have a YouTube video I would like to embed on my website.

The thumbnails YouTube provides aren't really too good, though.

What I would like to do is create my own image with a play button on it.  Something a bit more slick and put together.

Then, when people click this "thumbnail" I would want the actual YouTube iframe to take its place and begin playing.

I'm sure there's a Javascript / jQuery solution, but, unfortunately, that solution is unknown to me.

I'm hoping one of you can help.  Millions of points to the best answer.
Question by:michaelsmith1994
    LVL 81

    Expert Comment


    Author Comment

    I appreciate the response.  I would really like to find a solution that allows me to keep the YouTube video involved, though.
    LVL 81

    Accepted Solution


    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Join & Write a Comment

    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

    734 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now