Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Objects Embedded Elements

Shen JIE LIN
Shen JIE LIN
10,612 Points

Embedded youtube video problem

Hi, I am currently on the track with HTML, and I am on the topic of embedded elements.

I was just following along with the video when Nick said that to go to a Youtube video, and copy the embedded code provided by youtube into my sublime editor.

However, when I run the webpage on chrome, nothing appears.

http://jsbin.com/quritogo/1/watch?html,output

Above is my CodeCast

2 Answers

Hi Shen,

The protocol-less url won't work when run locally.

For both the object and embed element you want to add the http: in front of the url.

<object width="420" height="315">
    <param name="movie" value="http://www.youtube.com/v/_OBlgSz8sSM?hl=en_US&amp;version=3"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/_OBlgSz8sSM?hl=en_US&amp;version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

It would work without the http: if you had it uploaded to a web host.