Light and Responsive YouTube Video Embeds

Incorporate un video di Youtube in PrestaShop è all’apparenza semplice, basta attivare il supporto iframe nei campi HTML, ma questo comporta un notevole incremento del peso delle pagine e un peggioramento del punteggio di velocità. Il browser deve caricare informazioni aggiuntive per il rendering del video player di YouTube, anche quando il visitatore non visualizza il video incorporato. Con conseguente incremento dei tempi di caricamento delle pagine web e penalizzazione da parte dell’indicizzazione da parte dei motori di ricerca. Un altro inconveniente è che il codice di incorporamento di YouTube non è responsive e non si adatta per esempio ai dispositivi mobili.

Google+ utilizza una tecnica intelligente per incorporare i video di YouTube, limitandosi a incorporare solo l’immagine di anteprima del video e il lettore esclusivamente quando l’utente deciderà di visualizzarlo.

Per inserire una funzionalità simile nel tuo ecommerce in PrestaShop ti basterà installare e attivare il nostro modulo Light and Responsive YouTube Embeds e inserire nel codice HTML dove vuoi visualizzare il tuo video il seguente codice:

<div class="youtube-player" data-id="VIDEO_ID"></div>

Al posto del consueto iframe:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Dove VIDEO_ID è id del video Youtube che vuoi incorporare.