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

Al Lu
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Al Lu
UX Design Techdegree Student 15,892 Points
Posted by Al Lu
.a{fill-rule:evenodd;}techdegree
Al Lu
UX Design Techdegree Student 15,892 Points

Embedded Youtube video not working

All I see is the code from youtube as a text. I checked that on IE11 FF and Chrome. Thx, Allen.

5 Answers

Ethan Paz
Ethan Paz
7,710 Points
Ethan Paz
Ethan Paz
7,710 Points

Youtube changed the embed video code. What you need to do is add "http://" before <strong> every</strong> URL. Once you do this, the video should upload.

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Could you create a jsfiddle with the code so I can investigate.

Thanks

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

http://jsfiddle.net/qf3r6/1/

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Try this then you just need to style it: <body> <object data="" type=""> <embed src="http://www.youtube.com/v/U6tEEWb4RQE" type=""> </object>

<scripte src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></scripte>

</body> </html>

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <object data="" type=""> <embed src="http://www.youtube.com/v/U6tEEWb4RQE" type=""> </object>

<scripte src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></scripte>

</body>

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

god knows what this is doing will put it in a fiddle now mate

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Protocol-less URLs don't work without a web server, so in that case just add http: in front of the URL.

> The main caveat to keep in mind when using the protocol-less reference is that it will fail on pages loaded via file:/// (i.e. HTML pages you load directly from disk to your browser). So, do be sure to include the http: protocol in the URL if you happen to be developing without a web server at all, but don’t worry about omitting it otherwise.

source: http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/