Showing posts with label YOUTUBE. Show all posts
Showing posts with label YOUTUBE. Show all posts

Wednesday, 19 September 2012

Customize Youtube Video for Website/Blog with Youtube Player Parameters

Customize Youtube Video for Website/Blog with Youtube Player Parameters
Customize Youtube Video for Website/Blog with Youtube Player Parameters

Here is a list of some of the common parameters code as required past after embed video URL like below Example:

&autohide=0 Video progress bar and controls will be visible throughout the video.
&autohide=1Video progress bar and the player controls will slide out of view after the video starts. They’ll reappear if you move your mouse over the player.
&autoplay=0Video will not play until you click play button.
&autoplay=1Video plays automatically when the page is loaded.
&controls=1Player controls will be visible.
&controls=0Player controls will be invisible.
&hd=0Video plays in standard definition by default.
&hd=1Video will play in HD by default if HD version is available.
&showinfo=0Video title will be visible.
&showinfo=1Video title will be invisible.
&rel=0 Disable Related Videos.
&fmt=18 View high quality videos (stereo, 480 x 270 resolution).
&fmt=22 View high quality videos (stereo, 1280 x 720 resolution).
&ap=%2526fmt%3D18Embed Higher Quality Videos.
&ap=%2526fmt%3D22Embed Higher Quality Videos.
#t=XXmYYsCut the chase and link to the interesting part (Linking to a video where the real action starts at 3 minutes 22 seconds, wondered if you could make it start at 03:22? You are in luck. All you have to do is add #t=03m22s (#t=XXmYYs for XX mins and YY seconds) to the end of the URL.)
&showsearch=0Hide the search box.
&start=30Just append ‘&start=30′ to skip first 30s of the video. In general you can modify the value after start= to the number of seconds you want to skip the video for.
&loop=1An embedded video start again without user intervention after it reaches the end.
&modestbranding=1Embed video without Youtube Logo.

Example:
Before
Customize Youtube Video for Website/Blog with Youtube Player Parameters
Customize Youtube Video for Website/Blog with Youtube Player Parameters

After
Customize Youtube Video for Website/Blog with Youtube Player Parameters
Customize Youtube Video for Website/Blog with Youtube Player Parameters

Tuesday, 7 August 2012

Auto Hide Progress & Title Bar In Embed Youtube Video

Auto Hide Progress & Title Bar In Embed Youtube Video
Auto Hide Progress & Title Bar In Embed Youtube Video
If you want to remove youtube progress & title bar from your embed video on your site then edit default code look like below with allowfullscreen=""

See the below default code that got it from youtube:

<iframe width="640" height="480" src="http://www.youtube.com/embed/L5jbXuq_S3A" frameborder="0" allowfullscreen></iframe> 

Now after edit allowfullscreen="" embed code:

<iframe width="640" height="480" src="http://www.youtube.com/embed/L5jbXuq_S3A?autoplay=1" frameborder="0" allowfullscreen=""></iframe>

Result:

Thursday, 26 July 2012

Remove Youtube Logo from Embeded Video


If you want to remove youtube logo from your embed video on your site then edit default code look like below with ?modestbranding=1

See the below default code that got it from youtube:

<iframe width="640" height="480" src="http://www.youtube.com/embed/L5jbXuq_S3A" frameborder="0" allowfullscreen></iframe> 

Now after edit ?modestbranding=1 embed code:

<iframe width="640" height="480" src="http://www.youtube.com/embed/L5jbXuq_S3A?modestbranding=1" frameborder="0" allowfullscreen></iframe> 

Result:

Remove Title and Rating from Embeded Youtube Video

Remove Title and Rating from Embeded Youtube Video
Remove Title and Rating from Embeded Youtube Video

YouTube added titles and ratings frames in embed players & when you add the YouTube video to your website, that video shows a grey bar at the top with the title of the video. but they might not blend well with all site layouts. That’s why YouTube has included an option to remove them. Just add &showinfo=0 to the video URL in your embed code.

Edit Default code look like below code:

<object width="640" height="480"><param name="movie" value="http://www.youtube.com/v/L5jbXuq_S3A?version=3&hl=en_US&showinfo=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L5jbXuq_S3A?version=3&hl=en_US&showinfo=0" type="application/x-shockwave-flash" width="640" height="480" allowscriptaccess="always" allowfullscreen="true"></embed></object>


Here Comes the Hammer: The Tech Industry&#39;s Three Crises

The next few years are going to be extremely uncomfortable, and maybe disastrous, for the tech industry. Political opposition to the big tec...