web-dev-qa-db-fra.com

Comment affichez-vous les vignettes YouTube au lieu d'intégrer le flash réel dans le thème Tumblr?

J'aimerais afficher des images miniatures de YouTube au lieu d'intégrer le lecteur flash réel dans un thème Tumblr. Mais dès que les gens cliquent sur l'image, le chargement du lecteur flash commence et la lecture de la vidéo.

La raison en est que si la page de couverture contient 10 vidéos YouTube, le chargement est vraiment très lent car il charge tous les lecteurs Flash. Il est beaucoup plus rapide de charger les vignettes.

4
Cory

Vous pouvez obtenir la vignette en utilisant la variable {VideoThumbnailUrl}. Elle devrait vous montrer la vignette attribuée à la vidéo. En utilisant cela avec {block:PermalinkPage}{/block:PermalinkPage} et {block:IndexPage}{/block:IndexPage}, vous obtiendrez l'effet désiré.

Encadrez-le dans une balise d'image et soyez prudent, sachez que les miniatures youtube sont encadrées par une boîte aux lettres. Si cela ne correspond pas à votre thème, vous devrez effectuer un peu de travail pour les masquer.

L'implémentation la plus élémentaire du bloc vidéo ressemblerait un peu à ceci.

{block:Video}
    {block:PermalinkPage}
        {Video-700}
    {/block:PermalinkPage}
    {block:IndexPage}
        {block:VideoThumbnail}
            <img src='{VideoThumbnailURL}' />
        {block:VideoThumbnail}
    {block:IndexPage}
{/block:Video}
1
Noctrine