Adaptīvs Youtube video iframe jūsu WordPress lapā
Pirms pievienot Youtube video iframe ir nepieciešams pievienot papildus rindas jūsu weblapas .css failam:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Kad tas tika izdarīts, varat pievienot Youtube video iframe, ievietojot html kodu, ka ir norādīts piemērā:
<div class="video-container"> <iframe width="1200" height="675" src="http://www.youtube.com/embed/S1i5coU-0_Q" frameborder="0" allowfullscreen></iframe> </div>
Tagad Jūsu Youtube video iframe būs adaptīvs un tiks korekti atspoguļots visās ierīcēs.
Atbildēt
Vēlies pievienoties diskusijai?Jūtieties brīvi, lai veicinātu!