Showing posts with label display HD. Show all posts
Showing posts with label display HD. Show all posts
Tuesday, December 30, 2008
MISSILL Live in the virtual world of Second Life® and Rennes France!
I have embedded the video at 960x540 to fit it on the page:
<object width="960" height="540"><param name="movie" value="http://www.youtube.com/v/vwRQVqnItOI&ap=%2526fmt%3D22></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vwRQVqnItOI&ap=%2526fmt%3D22" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="540"></embed></object>
To show the code: remove the left and right angle brackets at beginning and end of code, then use the HTML for those brackets: < and >
or look at Felgall's converter.. waaaay cool! http://www.felgall.com/htmlt47.htm
Watch the HD 720p version on YouTube: click the ‘Watch in HD’ link below the youtube player:
http://www.youtube.com/watch?v=vwRQVqnItOI&fmt=22
Tuesday, December 16, 2008
YouTube in HD: Embedding the 720p video into your blog
So, grab the embed code from YouTube and remve all excess code from the base URL for the video, beginning with the ampersand '&'
e.g: You should have something like this remaining: http://www.youtube.com/v/wGugqIb5880
Now, add the following code to the end of the URL: &ap=%2526fmt%3D22
the 22 represent the 720p
18 is for the high quality version (not HD version).
The video below is being displayed at 960x540 in order to fit it into the space. It will however display in full resolution.
Watch on YouTube: http://www.youtube.com/watch?v=wGugqIb5880&fmt=22
e.g: You should have something like this remaining: http://www.youtube.com/v/wGugqIb5880
Now, add the following code to the end of the URL: &ap=%2526fmt%3D22
the 22 represent the 720p
18 is for the high quality version (not HD version).
The video below is being displayed at 960x540 in order to fit it into the space. It will however display in full resolution.
Watch on YouTube: http://www.youtube.com/watch?v=wGugqIb5880&fmt=22
Sunday, December 7, 2008
Embedding high quality version of YouTube videos...
Unfortunately, if you click through to YouTube on either the embedded 'normal quality' or the embedded 'high quality' of the videos, you end up on the default 'normal quality' view. So you'll need to also include the URL alongside the video that will force the 'high quality' view if the viewer wants to view on YouTube rather than embedded in your page. That includes adding the following code to the end of the default URL as shown below: &fmt=6 or &fmt=18 or &fmt=22 for the 720p HD versions.. again, this only works if the video was originally uploaded to YouTube in HD.
Cnet News has a great article on displaying the 720p HD version:
So, looking at some of the hacks around the web, such as Downloadsquad, for embedding YouTube high quality videos into third party sites... here goes...
Some Notes: Not all videos have been uploaded in higher quality, so this only works if there is already a 'high quality' link below the video.
Default normal (means LOW) quality URL on YouTube: http://www.youtube.com/watch?v=fiXymVmpvK0
High Quality URL: http://www.youtube.com/watch?v=fiXymVmpvK0&fmt=6 or http://www.youtube.com/watch?v=fiXymVmpvK0&fmt=18
Machinima title: Infolit iSchool in Second Life®
Using my example, Downloadsquad's instructions state to add the following code to the end of the URLs: &ap=%2526fmt%3D18
Unfortunately, if you click through to YouTube on any of the videos, you end up on the default 'normal quality' view. So you'll need to include the URL that will force the 'high quality' view. That includes adding the following code to the end of the default URL as shown below:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/fiXymVmpvK0&ap=%2526fmt%3D18"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fiXymVmpvK0&ap=%2526fmt%3D18" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Thanks for the reminding me how to display the HTML code, Felgall
View the 'high quality' version on YouTube:
So, Here goes for embedding the 'high quality' video:
And here is the 'normal quality' default version:
Adding the following code to the end of the 'actual' URL... from the YouTube web page... don't include all the other stuff that gets tagged on when you just copy the embed code from YouTube:
&ap=%2526fmt%3D22
<object width="630" height="380">
<param value="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22" name="movie" /><param value="window" name="wmode" />
<param value="true" name="allowFullScreen" /><embed width="630" height="380" wmode="window" allowfullscreen="true" type="application/x-shockwave-flash" src="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22"></embed></object>
And this is the embed code taken from YouTube with the URLs edited... no more
take the default URL and add the code to it: &ap=%2526fmt%3D22
<object width="630" height="380"><param name="movie" value="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="630" height="380"></embed></object>
Cnet News has a great article on displaying the 720p HD version:
So, looking at some of the hacks around the web, such as Downloadsquad, for embedding YouTube high quality videos into third party sites... here goes...
Some Notes: Not all videos have been uploaded in higher quality, so this only works if there is already a 'high quality' link below the video.
Default normal (means LOW) quality URL on YouTube: http://www.youtube.com/watch?v=fiXymVmpvK0
High Quality URL: http://www.youtube.com/watch?v=fiXymVmpvK0&fmt=6 or http://www.youtube.com/watch?v=fiXymVmpvK0&fmt=18
Machinima title: Infolit iSchool in Second Life®
Using my example, Downloadsquad's instructions state to add the following code to the end of the URLs: &ap=%2526fmt%3D18
Unfortunately, if you click through to YouTube on any of the videos, you end up on the default 'normal quality' view. So you'll need to include the URL that will force the 'high quality' view. That includes adding the following code to the end of the default URL as shown below:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/fiXymVmpvK0&ap=%2526fmt%3D18"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fiXymVmpvK0&ap=%2526fmt%3D18" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Thanks for the reminding me how to display the HTML code, Felgall
View the 'high quality' version on YouTube:
So, Here goes for embedding the 'high quality' video:
And here is the 'normal quality' default version:
Adding the following code to the end of the 'actual' URL... from the YouTube web page... don't include all the other stuff that gets tagged on when you just copy the embed code from YouTube:
&ap=%2526fmt%3D22
Using the source code from Cnet News for displaying the 720p HD version:
<object width="630" height="380">
<param value="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22" name="movie" /><param value="window" name="wmode" />
<param value="true" name="allowFullScreen" /><embed width="630" height="380" wmode="window" allowfullscreen="true" type="application/x-shockwave-flash" src="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22"></embed></object>
And this is the embed code taken from YouTube with the URLs edited... no more
take the default URL and add the code to it: &ap=%2526fmt%3D22
<object width="630" height="380"><param name="movie" value="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/optUdhi_Ujg&hl&ap=%2526fmt%3D22" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="630" height="380"></embed></object>
Subscribe to:
Posts (Atom)