http://blog.unity.fr/wp-content/themes/unity

new media design & communication

Youtube — Haute Définition 1280x720

Si vous lisez ce blog régu­liè­re­ment (et vous le faites, n’est-ce pas ?), vous avez sûre­ment remar­qué que nous y post­ons des vidéos régulièrement.

Parmi ces vidéos, vous avez du ren­con­trer cer­taines qui s’affichaient dans toute la lar­geur du site (Par exemple le teaser des Watchmen).

Et parmi celles-ci, vous avez enfin sur­ement remar­qué cer­taines qui pro­ve­naient de You­Tube (Where the Hell is Matt en est un exemple.) et s’affichaient dans toute leur gloire en Haute Défi­ni­tion, c’est-à-dire en 1280×720.

En effet, depuis quelques jours il est pos­sible, si vous avez envoyé sur you­Tube une vidéo en Haute Défi­ni­tion, de l’afficher dans toute sa splendeur

Pour faire ceci, voici les modi­fi­ca­tions à apporter :

Dans une page You­tube, si vous dési­rez que la vidéo soit dif­fu­sée en HD, ajou­tez &fmt=22 à la suite de l’url.

Par exmple pour Where the Hell is Matt,
www.youtube.com/watch?v=zlfKdbWwruY
devient
www.youtube.com/watch?v=zlfKdbWwruY&fmt=22

Evi­dem­ment, si vous faites cela, la taille du pavé dans la page You­Tube ne chan­gera pas, mais si vous cli­quez sur le bou­ton plein écran, vous ver­rez que la vidéo est bien en Haute Définition.

Mais le plus inté­res­sant reste de pou­voir affi­cher le player You­Tube ou bon vous semble, et dans la taille qui vous plaira.

Pour faire ceci, il vous sera néces­saire de rajou­ter le code &ap=%2526fmt%3D22 à votre vidéo.

<object width="1280" height="750" >
	<param name="movie" value="http://www.youtube.com/v/zlfKdbWwruY&amp;rel=0&amp;fs=1; />
	<param name="allowFullScreen" value="true"/>
	<param name="wmode" value="window" />
	<embed src="http://www.youtube.com/v/zlfKdbWwruY&amp;rel=0&amp;fs=1; type="application/x-shockwave-flash" allowfullscreen="true" width="1280" height="750" ></embed>
</object>

Le code sui­vant devient donc :

<object width="1280" height="750" >
	<param name="movie" value="http://www.youtube.com/v/zlfKdbWwruY&amp;rel=0&amp;fs=1&amp;ap=%2526fmt%3D22" />
	<param name="allowFullScreen" value="true" />
	<param name="wmode" value="window" />
	<embed src="http://www.youtube.com/v/zlfKdbWwruY&amp;rel=0&amp;fs=1&amp;ap=%2526fmt%3D22" type="application/x-shockwave-flash" allowfullscreen="true" width="640" height="389" ></embed>
</object>

Before & After


  • Before & After

  • Archives

  • Tweets

Recent Posts

February 7th 2011
Uncategorized
Links

Superbowl XLV Ads

All of the Super­bowl ads in one place

December 28th 2010
Uncategorized
Links

If we don't, remember me

Taking 3 conti­guous stills from a movie, and tel­ling a story. Very cool.

December 25th 2010
Uncategorized
Links

The design behind the design

Desi­gning expe­riences. How sto­ry­tel­ling can help a design get the mood right

December 25th 2010
Uncategorized
Links

Autocorrect horror stories

December 25th 2010
Uncategorized
Links

Dieter Rams : The ten principles of good design

December 14th 2010
Uncategorized
Links

jQuery face detection

Impres­sive & Disruptive.

December 12th 2010
Uncategorized
Links

The bacon enthusiast guift guide

December 10th 2010
Uncategorized
Links

The rules of a gentleman

December 10th 2010
Uncategorized
Links

Days with my father

Utterly Moving.

December 5th 2010
Uncategorized
Links

30 motion tests in 30 seconds

  • Contact

  • Flickr Scrapbook

    NaousaSantorinWelcome to Zurich.We just ordered & ate ALL of this.Res PublicaAt last...BoutiqueProfil d'un amiOnglet FacebookApplication iPhoneBourse d'échangePrise de photoProfilCapuccinoCocaCola - Daft PunkCocaCola - Daft PunkCocaCola - Daft PunkCocaCola - Daft Punk