Embed Youtube-filmer i HD og høy kvalitet

Som de fleste sikkert har fått med seg allerede, så har Youtube introdusert flere nye formater. De er som følger:

  • Vanlig kvalitet
  • Høy kvalitet
  • HD-kvalitet

Hvis du embedder video med koden på Youtubesidene i dine nettsider, så får du det første alternativet, nemlig vanlig kvalitet. Og dette kan du endre på!

Youtube Embed i HD-kvalitet

Saken er at Youtube benytter query stringen i URLen til å avgjøre hvilken av de tre kvalitetene som skal benyttes. Query stringen er markert med rødt i URLen nedenfor:

http://www.youtube.com/watch?v=ZHH9626FBrw

Teknisk sett sender «query-stringen» verdier på variabler til en {webserver} med GET-protokollen. Deretter prosesserer webserveren forespørselen (med variablene) og sender output tilbake til nettleseren din. Men nok om det; tilbake til saken.

Koden for å embedde youtubefilm i vanlig kvalitet er gjengitt nedenfor. Merk deg koden i blått. Det er disse verdiene vi må endre, for å få ønsket resultat.


<object width="480" height="295">
    <param name="movie" 
           value="http://www.youtube.com/v/f-S0WTPav9E&hl=en&fs=1">
    </param>
    <param name="allowFullScreen"
           value="true">
    </param>
    <param name="allowscriptaccess"
           value="always">
    </param>
    <embed src="http://www.youtube.com/v/f-S0WTPav9E&hl=en&fs=1" 
           type="application/x-shockwave-flash" 
           allowscriptaccess="always" 
           allowfullscreen="true"
           width="480" 
           height="295">
    </embed>
</object>

Nedenfor ser du en musikkvideo som ligger på Youtube. Den ligger på siden tre ganger i kvalitetene vanlig, høy og HD. Forskjellene i lyd- og bildekvalitet er merkbare, og sistnevnte blir åpenbar hvis du blåser opp bildet i fullskjerm.

Her ser du den samme videosnutten i høy kvalitet

og til slutt i HD-kvalitet.

Så hva er den store hemmeligheten her? Joda, det vi må gjøre, er å legge til et par ting i query stringen til verdiene merket i blått ovenfor.

For å få høyere kvalitet på de youtubefilmene vi embeder, bruker vi følgende query strings:

&ap=%2526fmt%3D18
Koden ovenfor gir høy kvalitet på youtubevideoer vi embeder
&ap=%2526fmt%3D22
Koden ovenfor gir HD-kvalitet på youtubefilmene vi embeder

Hvis vi ønsker å embede HD-kvalitet, blir den ferdige koden, med endringene markert i rødt, slik:


<object width="480" height="295">
    <param name="movie" 
           value="http://www.youtube.com/v/f-S0WTPav9E&hl=en&fs=1&ap=%2526fmt%3D22">
    </param>
    <param name="allowFullScreen"
           value="true">
    </param>
    <param name="allowscriptaccess"
           value="always">
    </param>
    <embed src="http://www.youtube.com/v/f-S0WTPav9E&hl=en&fs=1&ap=%2526fmt%3D22" 
           type="application/x-shockwave-flash" 
           allowscriptaccess="always" 
           allowfullscreen="true"
           width="480" 
           height="295">
    </embed>
</object>

Og det er det. Hvis du skjønte dette, er det null problem å fjerne related videos på slutten fra youtubefilmer du har implementert.

Del denne artikkelen

Del og favoriser

For en oversikt over alt innhold, se sitemap