How to Embed a Youtube Video into Wordpress
October 21st, 2006
This is unbelevable how confusing the folks at wordpress have made this issue.
Here are a ton of support threads trying to solve the issue: http://wordpress.org/search/embed+youtube+video?forums=1
I tried many variations until I finally got it working, here is how it works for me, and this will probably change over time so will be deemed invalid, but here it is as it works today…
1) You have to login to wordpress as admin.
2) Goto Options > Writing
3) Uncheck the Option Box that says “Users should use the visual rich editor by default” and just to be safe, I also unchecked the Option Box that converts :) smilie symbols into graphic icons.
4) Goto Write > Write A Post
5) Now, paste the following code into the post content field… do NOT open the HTML editor… simply paste this code directly into the post content at the location where you want the embedded video.
< embed src=”http://www.youtube.com/v/y_FjWNKulNc” mce_src=”http://www.youtube.com/v/y_FjWNKulNc” type=”application/x-shockwave-flash” width=”425″ height=”350″>< /embed>< /object>
***PLEASE NOTE****
a) You can not just copy and paste this code above, please note the following.
b) The left side carrot symbol “<” has a space after it. I did this so it wouldn’t convert this code into an actual youtube video, but rather, would display it for you to see. So, you can not just copy and past this code into your post, you need to remove the blank space between in the 3 locations of the code where it exists. Specifically Here are the 3 locations:
1) “< embed….”
2) “< /embe….”
3) “< /obje….”
c) Next, note that you will want to replace the code of my video which is “youtube.com/v/y_FjWNKulNc” to the code of the video you want to display, that should be obvious. You get this code in the upper right hand field of youtube under TAGS and URL it says EMBED.. grab that embed code but only use the portion similar to above.
d) Now this is important, When you paste this code into your post content field, it will highlight the http portion of it and also the embed tag in bright blue, as a hyperlink. You MUST select it with your cursor and then click the broken chain icon (one of your post message editing tools) to UNLINK.. unhyperlink these portions of the code.
e) Once your code is in all black with no bright blue hyperlink highlighting, then you can SAVE or PUBLISH and then view it from a visitors perspective and you’ll see it.
Good luck… All of this info will probably completely change in….. a day or two.
