Responsiv video

Opdatering 04-03-2015

Med vores nye backend, kan du direkte fra dit provector login lave responsive embed koder, og embed er ændret i forhold til nedenstående.

————————————————————

For at gøre en video fra Provector responsiv, så den fungerer på et responsivt site, skal der indsættes en lille smule ekstra kode.

Der skal sættes et ekstra parameter på iframe src, så vil den være responsiv.

En typisk src ser således ud.
http://www.provector.dk/embediframesingle_hd.aspx?poditemid=23534&confid=8668&cid=175&startstate=hd 

Hvis der sættes &responsive=y på så den bliverhttp://www.provector.dk/embediframesingle_hd.aspx?poditemid=23534&confid=8668&cid=175&startstate=hd&responsive=y

Så vil den være responsiv. I skal så selv håndtere højde og bredde på playeren via noget CSS.

Et eksempel kan ses her.

Her er indholdet lagt ind i en videoWrapper div. hvor CSS er som nedenstående.
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Advertisements

Skriv en kommentar

Filed under Guide, Provector

Skriv et svar

Udfyld dine oplysninger nedenfor eller klik på et ikon for at logge ind:

WordPress.com Logo

Du kommenterer med din WordPress.com konto. Log Out / Skift )

Twitter picture

Du kommenterer med din Twitter konto. Log Out / Skift )

Facebook photo

Du kommenterer med din Facebook konto. Log Out / Skift )

Google+ photo

Du kommenterer med din Google+ konto. Log Out / Skift )

Connecting to %s