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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
ryanandrews
7,822 PointsBootstrap Framework - Video Modals
I need the help of this wonderful Treehouse community once again. Building my site with bootstrap and I am using the Video Modals as shown by Guil, but I can't seem to get my videos to play. The addresses work, I have copy and pasted directly from the embed section of youtube. My modal windows open and I get an error stating that my embed code is not correct. I am at a loss, suggestions, thoughts, comments. Thanks, here is my code for my video modal.
<div class="modal fade" id="videoModalone">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">BC Winegrowers Series</h4>
</div>
<div class="modal-body">
<iframe width="550" height="350" src="//www.youtube.com/embed/mwuPTI8AT7M?rel=0" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
2 Answers
![Shivam Bhalla](https://uploads.teamtreehouse.com/production/profile-photos/58638/micro_12615682_1043020812386240_7196383855142537612_o.jpg)
Shivam Bhalla
Courses Plus Student 5,035 Pointsyour src url should be: http://www.youtube.com/embed/mwuPTI8AT7M?rel=0
![Shivam Bhalla](https://uploads.teamtreehouse.com/production/profile-photos/58638/micro_12615682_1043020812386240_7196383855142537612_o.jpg)
Shivam Bhalla
Courses Plus Student 5,035 Pointsremove the //
from the beginning of the src URL.
ryanandrews
7,822 PointsHi Shivam, I tried that before with no luck. I get the same message with and without the // -
"File not found
Firefox can't find the file at /Users/Patch/Documents/Work Projects/BootstrapEVK/www.youtube.com/embed/mwuPTI8AT7M?rel=0."
What am I missing here?
Thanks for your help
![Shivam Bhalla](https://uploads.teamtreehouse.com/production/profile-photos/58638/micro_12615682_1043020812386240_7196383855142537612_o.jpg)
Shivam Bhalla
Courses Plus Student 5,035 PointsYour browser thinks you are using a relative path. Use the HTTP protocol in your url and it should fix the problem. So your src URL should be:
www.youtube.com/embed/mwuPTI8AT7M?rel=0
ryanandrews
7,822 Pointsryanandrews
7,822 PointsOk Perfect! They are up and running, I learn something everyday. Thanks Shivam.
Shivam Bhalla
Courses Plus Student 5,035 PointsShivam Bhalla
Courses Plus Student 5,035 PointsNo prob :)
James Barnett
39,199 PointsJames Barnett
39,199 PointsIf you are trying to do this in an html file on your computer that doesn't a web server.
If that's the case ...
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/