Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

I would like to display Youtube thumbnails images instead of embedding the actual flash player on Tumblr theme. But as soon as people click on image, it starts loading the flash player and play the video.

The reason is that if the front page have 10 youtube video, it really loads very slow because it is loading all the flash player. It is a lot faster to load the thumbnails.

share|improve this question
add comment

1 Answer

You can get the thumbnail by using the {VideoThumbnailUrl} variable, It should show you the thumbnail assigned to the video. Using that along with {block:PermalinkPage}{/block:PermalinkPage} and {block:IndexPage}{/block:IndexPage} should get you the desired effect.

Wrap this in an image tag and you should be good to go, be aware that youtube thumbnails are letter-boxed so if that doesn't match your theme you will need to do just a little bit of work to hide them.

The most basic implementation of the video block would look a bit like this.

{block:Video}
    {block:PermalinkPage}
        {Video-700}
    {/block:PermalinkPage}
    {block:IndexPage}
        {block:VideoThumbnail}
            <img src='{VideoThumbnailURL}' />
        {block:VideoThumbnail}
    {block:IndexPage}
{/block:Video}
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.