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:
[code language=”css”]
.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%;
}
[/code]
Kad tas tika izdarīts, varat pievienot Youtube video iframe, ievietojot html kodu, ka ir norādīts piemērā:
[code language=”html”]
<div class=”video-container”> <iframe width=”1200″ height=”675″ src=”http://www.youtube.com/embed/S1i5coU-0_Q” frameborder=”0″ allowfullscreen></iframe> </div>
[/code]
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!