Videoclipuri Receptive în GeneratePress

Videoclipuri Receptive

Videoclipuri Receptive în GeneratePress – Când încorporăm videoclipuri de la servicii precum YouTube și Vimeo, videoclipurile intră într-un IFRAME și de obicei nu sunt receptive. Lățimea videoclipului este limitată la lățimea containerului, dar înălțimea nu se schimbă niciodată determinând să fie foarte înaltă și nu atât de largă.

Putem face videoclipurile noastre încorporate, înfășurându-le într-un element HTML, astfel:

<div class="videoWrapper">
Codul de încorporare a videoclipului dvs.
</div>

Apoi, trebuie să adăugăm acest CSS:

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Aflați cum să adăugați CSS aici.

Făcând acest lucru va face videoclipurile noastre încorporate 100% receptive pentru dispozitivele mobile.

Articole recomandate:

• Adăugarea Unui Videoclip de Fundal în GeneratePress
• Video de Fundal în GeneratePress
• Stil Editor Clasic în GeneratePress
• Separator de Conținut în GeneratePress
• Afișați Data Postării Actualizată în GeneratePress