INSERIRE UN VIDEO RESPONSIVE NEL VNTCMS

I video sono una parte integrante dei contenuti di una pagina web, per questo è importante che si adattino ai dispositivi come qualsiasi altro componente della pagina.

Questa è una breve guida per l'inserimento dei video nel vntcms.

1) Per prima cosa si sceglie il video premendo sul pulsante Insert Youtube video, da preferire quelli in italiano;
2) La misura del video deve essere larga 900 px;
2) Si controlla il tipo di formato 16:9 oppure 4:3 verificandone l'altezza e si va avanti:

Se video 16:9 = 900px x 506px
Se video 4:3 = 900px x 675px

3) Si seleziona il video e si preme sul pulsante insert edit video semplice;
4) Nella palette video si deve preme sulla tab embed,  vedrete che comparirà il codice <iframe che richiama il video;
5) A questo punto a seconda del formato del nostro video, si deve integrare il seguente codice in grassetto;

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="…"></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" src="…"></iframe>
</div>