Case Scenario Critical Reader - Authoring - Inserting Media and Objects - Youtube Embed Code (UW-Madison)
Please refrain from developing new CSCR modules. UW-Madison is moving to the Canvas LMS. While CSCR modules can be loaded into Canvas courses, they cannot be connected to the Canvas gradebook. A team from the Teaching and Learning Technology Advisory Group (TLTAG) created a recommendation for alternate tools that you can see here. Members of the transition team would like to meet with you to help you select the solution(s) that best meets your needs to move your content. Please let us know when we can best assist you by completing this form or contact the designated instructional technologist for your school or college.
When accessing Moodle, your browser will use a secure connection to the server(https), you can tell the connection is secure by looking to the left of the url, notice the Green https to the left of the URL.
This https will affect the video embed codes of your projects by blocking whichever ones have URL's that are insecure (http).
Youtube recently updated their embed code so that the webpage determines whether the video should be http: or https:. They do this by omitting "http:" or "https:" from the video's URL. This leaves the URL with two forward slashes "//". Previewing the video locally on your computer will not work because your computer cannot determine whether the video should use http or https.
A simple workaround is to add "https:" manually to your video's embed code URL. This will allow your video to work on secure websites - like Moodle's. If you accidentally add "http:", the video's will work locally on your computer but if embedded on a secure websites (like Moodle), some browsers will block the video because they contain an insecure URL.
Take a look at the embed codes below, and pay attention to how the bold parts of them change.
This Embed code will not work locally because the browser doesn't know whether it should be http or https. Youtube Embed Code
This embed code will work locally but not on some browsers if viewed through a secure page - like Moodle. http Added
This embed code will work in Moodle and Locally.https Added
Browsers all behave differently. Below is a summary of how each browser will handle insecure embed code within a secure page.
http: -- Chrome will allow you to play all videos
https -- Chrome will block the insecure video "http"
http -- Firefox will display all videos
http -- Firefox will block insecure video http
Note: OS X Mavericks 10.9 will ask you for a certificate if trying to play insecure content within a secure page.
http -- Safari will allow you to play all videos
http -- Safari will switch from https to http in order to play the video