Funksjon for ? vise videoer i portrettformat i halvbredde med et sitat til h?yre eller venstre
Videoer som lages til sosiale medier er oftest i portrettformat. Generelt er det anbefalt ? lage en egen versjon i landskapsformat til nettsidene. Noen ganger er det allikevel ?nskelig ? bruke video i portrettformat p? nett. Dette byr p? noen utfordringer.
Standarddimensjonene for en videospiller i Vortex (16:9) gir store svarte felt utenfor selve filmen. En fullbreddevisning av videoer i portrettformat (9:16) tar for mye plass p? siden.
Vi har derfor utviklet en funksjon som viser videoer i portrettformat i passe st?rrelse (halvbredde). For ? sikre visuell balanse og knytte filmen til nettinnholdet p? en god m?te, vises et sitat til h?yre eller venstre for videoen.
Funksjonen kan brukes p? b?de forsider, artikkelsider og programsider. Kodesnuttene under tar utgangspunkt i at format p? video er 16:9. Se faktaboks nederst p? siden for h?ndtering av andre portrettformater.
Merk: Oppsettet fungerer bare med videoer i portrettformat; videoer i landskapsformat vil forskyve sitatet.
Portrettvideo med sitat til h?yre
Lim inn kodesnutten under i kildekoden.
<div class="media-portrait-left">
<div class="vrtx-media-player">
${include:media-player url=[VIDEOFIL] poster=[BILDEFIL] width=[315] height=[560]}
</div>
<div>
<blockquote>
<p>"Dette er sitatet"</p>
<p class="quote-cite">–Dette er den som siteres</p>
</blockquote>
</div>
</div>
Tips: Lukk kildekodevisning og dobbeltklikk p? videoboksen for ? lettere finne video- og bildefil.
Eksempel
"Folk er veldig hyggelige og ?pne. Jeg f?ler at alle har lyst til ? bli kjent med noen. S? det er jo bare ? snakke til folk."
– Karoline, f?rste?rsstudent
Portrettvideo med sitat til venstre
<div class="media-portrait-right">
<div class="vrtx-media-player">
${include:media-player url=[VIDEOFIL] poster=[BILDEFIL] width=[315] height=[560]}
</div>
<div>
<blockquote>
<p>"Dette er sitatet"</p>
<p class="quote-cite">–Dette er den som siteres</p>
</blockquote>
</div>
</div>
Tips: Lukk kildekodevisning og dobbeltklikk p? videoboksen for ? lettere finne video- og bildefil.
Eksempel
"Folk er veldig hyggelige og ?pne. Jeg f?ler at alle har lyst til ? bli kjent med noen. S? det er jo bare ? snakke til folk."
– Karoline, f?rste?rsstudent
Videoer i andre formater enn 9:16
Kodesnuttene over tar utgangspunkt i filmer med format 16:9. Hvis du har filmer i andre portrettformater, f.eks. 4:5, b?r st?rrelsen p? spilleren endres litt. Bredden b?r holdes fast p? 315, mens h?yden justeres i henhold til proporsjonene.
- 4:5: width=[315] height=[394]
- 2:3: width=[315] height=[473]