Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.