cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Community Member

Embed video

Is there a way to embed a video that is not YouTube? I copied the embed code, but when I pasted it nothing happened.

Tags (4)
12 Replies
Highlighted
Community Coach
Community Coach

epotes1@yumaunion.org​, are you posting it in the html editor or the regular RTF editor? If you're trying to embed a regular video you'd need to post the embed link information in the html editor. If you have been trying this and it's not working could you provide the embed code that you're trying to get to work?

htmlEditor.png

Highlighted
Community Member

We are using the Rich content editor

Here is the embed code

Highlighted

an embed code is a piece of HTML.  Just pasting it into the Rich Text Editor tells Canvas that it's just text.  In order to get it to consider it a piece of HTML code, you need to switch to the HTML editor.  The rich text editor buttons do the same thing, but they create the html in the background for you.  Since you're not going through one of the buttons, you need to manually give that code.

Highlighted

Whoops I feel dumb. We did click on the HTML editor, and then I saw Rich

content editor at the top so I was thinking that is where I was at.

When we do this:

We get this as a result....very sad face!

On Fri, Apr 29, 2016 at 10:13 AM, kona@richland.edu <instructure@jiveon.com>

Highlighted

is this an audio clip or video?  I tried the link and it triggered my browser protection, but when I removed the "https" and replaced with "http" it ended up at a video clip.  I'd suggest doing the same change to your embed code, and see if it works.

Highlighted

I tried that and it didn't work, now the page just looks blank

On Fri, Apr 29, 2016 at 10:40 AM, abunag@pacific.edu <instructure@jiveon.com

Highlighted

Several browsers are pointing out that the NPR site has not configured their Secure Cert correctly.  I think the blank page is the way Canvas protects from the attempt to display non-secure content.  You need to have the "https" in the URL.  I am guessing that once NPR gets their stuff straight, you won't have a problem with the audio player displaying.

Highlighted

I tried to find a contact address for Patrick Cooper, Director of Web and Engagement in NPR's Digital Media division who wrote the following blog post:

There Are Now 800,000 Reasons To Share NPR Audio On Your Site : NPR Extra : NPR

I'm pretty sure that everyone that tries to embed the player with just the "http" will come across the same problem.

Highlighted
Community Coach
Community Coach

epotes1@yumaunion.org

Kona is correct in her post about using the HTML Editor, and bgibson@uncfsu.edu​ is correct about needing the HTtPS.

Here is a sample code you can try:

<p><iframe src="https://player.vimeo.com/video/97532321" width="520" height="276"></iframe></p>

Below is an example from the NPR library that I tried to embed. Leaving the embed code as is, displays nothing. Changing the HTTP to HTTPS gives you a warning that the NPR is not secure. All of this is your browser's security setting, not Canvas!  You can overcome this by giving your browser permission to display the content.

<iframe src="http://www.npr.org/player/embed/476270618/476306741" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe>

I use Firefox, and the small shield icon in the far upper left will give you access to this function. When I gave Firefox permission, this is what I got on my Canvas page - the player and the audio file from NPR. See screenshot below

181576_pastedImage_0.png

Below is the How-To that I provide my students for the major browsers

Enabling Mixed Content 


The Canvas Website contains Mixed Media which may not display properly in the pages in Canvas using newer versions of Internet Explorer, Google Chrome, and Mozilla Firefox. To make sure you see all the linked documents, files, videos and images you should see without interruption use the following tips to Enable Mixed Media. 

If using Internet Explorer:
1. Open Internet Explorer  2. Go to Tool>Internet Options then select Security TAB  3. Make sure Internet Zone is selected and then click “Custom Level” button  4. Scroll down the list of options and set the “Display mixed content” setting from “Prompt” to “Enable” then click OK. 

If using Google Chrome: 
1. Open Google Chrome  2. Go to your course and right click on the lock (View site information) next to the URL  3. Click on the Permissions TAB click on the drop down arrow next to Images and change the setting to Allows allow on
this site. Do the same for Media.

If using Mozilla Firefox 23+ 

1. Open Mozilla Firefox 23  2. Go to your Canvas and open any of your courses  3. When you encounter any link or image that will not open in your coursework look to the URL window and locate the

shield on the left hand side. Click on it and the message that Firefox has blocked content appears. At the bottom the box click on the drop down arrow and choose “Disable Protection for this Page”. At this time this must be done each time you wish to view a blocked content page. 

This is not always practical for younger or less technologically savvy students, but since the NPR site does not include a valid or current security certificate, this will be the best you can do.

KLM


Top Kudoed Authors
Labels