Yes, I know I havent written a blog post in a while. I’ve been pretty busy behind the scenes working on some things. So fair warning: Blog posts are gonna be sporadic for a little while. Bear with me.
So, as a peace offering, I’m giving away some of my secret stash of embedded YouTube video URL hacks. These are the codes that I use when I’m styling out someone’s website that has Youtube content on it.
Start A video automatically on page load
Want your visitors to see your video right away? You can easily get your video to start automatically when the page loads up by simply adding this code to your embed code:
&autoplay=1
Turn Off Video Title Display
If you want to turn that annoying title box off on embedded videos, simply use this code:
&showinfo=0
Turn Search Off
If you want to turn off the search feature on embedded videos, just use this quick little code.
&showsearch=0
Turning Looping On or Off
How about getting that video to play again and again? For whatever reason you may have for looping a video (Say, for some music), you can easily accomplish this with this little bit of code:
&loop=1 or (Turns Looping On)
&loop=0 (Turns Looping Off)
Menu Color
Everyone knows YouTube comes with a blah colored menu bar by default. But, with a little tinkering you can make that menu bar match the colors of your site. Don’t know how to do HTML colors? Well W3C Schools.com has a quick little explanation of what they are and some examples that you can take a look at. Also on the next page of their site, they also have a bunch more. So, go find your colors, and enter it into your embed code! Also, this is pretty important: Color 1 is the primary border color and Color 2 is the video control background color.
&color1=FFFFF (Make sure you replace the FFFFFF with your own HTML color code)
&color2=FFFFFF
Important note: There is no # (hash) before the Hex value of the colors as you would use in regular HTML or CSS coding for this.
Border Color
Want a pretty border surrounding your video? Thats easy enough! Just use this little code here:
&border=1
By the way, how do you set the color of the border? Well, they’re set by the color1 and color2 settings like the one above. The idea is that the border will match your menu colors.
Remove Related Videos
This code is my #1 most used bit of code that I hack YouTube URLS with more than any other. And the reason is pretty simple. When you watch a YouTube video to the end, you usually see a bunch of related videos that YouTube seems to think you want to see. Some may be from the same person who’s video you just watched, while others may be somewhat related by topic of the title of the video. If you’re embedding your own videos from YouTube onto your site, theres a good chance you really dont want those related videos showing. So turn em off like this!
&rel=0
Get To The Good Part
Lets say you have a video of you and a few other people at a speaking conference. And you don’t want to subject your viewers to the 45 minutes of boring people before you on stage? Well, just skip them! Get to the good stuff! Add this bit of code to your URL and get there right away.
&#t=45m37s (Make sure you replace the time before the m and s with your own times!)
Enable HD video playback
If you upload a video in HD, you can actually force YouTube to play your videos in all its HD glory! Add this code to your URL and let people get a nice HD quality video.
&=hd=1
Disable keyboard controls
Did you know that YouTube allows you to control videos with your keyboard? I personally rarely use the controls, but if theres any reason you want to turn off the keyboard controls completely, you can easily do that with this little bit of code at the end of the address.
&disablekb=1
Putting it all together
Here is the embed code for the video below. Notice that I don’t have the autoplay function on, because I figured with the video on the bottom of the page, it would be pretty creepy hearing the music and what not and not have a clue what was going on.
Before I go any further, you may notice that I use “&” as opposed to “&” above. They are interchangeable in your YouTube URL. Ive included both in the example to show that.
So a quick breakdown:
http://www.youtube.com/v/nj3hLSP1vFo?fs=1&hl=en_US&rel=0&color1=F761380&color2=FFFFFF&showsearch=0&rel=0&showinfo=0&border=1
http://www.youtube.com/v/nj3hLSP1vFo This is the actual YouTube URL (its always http://www.youtube.com/v/VIDEO_ID)
&rel=0
&color1=F76138
&color2=FFFFFF
&showsearch=0
&rel=0
&showinfo=0
&border=1
<object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/nj3hLSP1vFo?fs=1&hl=en_US&rel=0&color1=F76138&color2=FFFFFF&showsearch=0&rel=0&showinfo=0&border=1“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/nj3hLSP1vFo?fs=1&hl=en_US&rel=0&color1=F76138&color2=FFFFFF&showsearch=0&rel=0&showinfo=0&border=1” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object>
And there you have it! Questions, comments, hate mail. Leave em in the box below!
Everyone knows CAPTCHA. Those annoying nonsense images that drive us all batshit crazy as we try to decipher what they say so we can post our comments, sign up for a service or... whatever else it is we are doing. Now ...
There are a ton of free stock photography out on the internet. A lot of them suck. Either because they don't have really decent photos on them, because they're hard to navigate, just a sham to get you to sign up for some premium photo service, or any number of other issues to frustrate the ...
I've been getting ready to launch this site now for about 2 weeks. I've been working on it, tweaking, retweaking and... ok lets cut the bull. I was freaking out that if every little thing wasnt perfect that I would be a ...
Ever gone to one of those "business meet ups" which is just another name for B2B networking event? You know the ones Im talking about. Where you go, you talk with people and everyone wants to sell you whatever it is they do ...