Are you running into an issue with embedding content into Rise? All you would need is the URL or embed code from a supported media type and then you can paste that into:
I figured it out! I was making it more complicated than it needed to be. I didn't realize I just needed to copy and paste the links in. I figured out how to embed a pdf though, and that's been great! Thanks for the response, Ashley!
Your IFrame code is perfect with one small exception!
/media/ifr/2301885140 needs to be a valid URL. In other words, the text that goes between the quotes after iframe src needs to be something that will work when pasted into the address bar of your browser.
Here's an example of something that might work better:
it seems that no matter what style parameters i give the iFrame tag, the block always displays the content at the same size, with a border. Will Rise not recognize/respect valid HTML5 compliant elements in the tag?
I've tried <iframe src="<valid URL is here"></iframe> and have also tried specifically adding height and width elements, but the frame remains the same size
If I put this in a valid HTML page, it displays as i would expect it to:
<iframe src="<same valid URL from above>" height="900" width="1800"></iframe>
We see the problem, and we'll take a look at a possible fix.
On a related note, it looks like your URL might be a published Storyline course, and we're also considering using Storyline as a lesson type in Rise. This work is targeted for later this year.
Please let us know if you need anything else, and have a great day!
It is a Storyline course, we're looking at using Rise to wrap some of our modules into larger courses, that way we can update those modules and not have to recreate the entire shell.
Glad to know it wasn't just me...I was trying every iteration of iFrame code I could come up with.
having another interesting behavior re: an iFrame. I'm embedding a video that is hosted on a 3rd party site. When i author the course in Rise and preview it, i have a "Fullscreen" button available on the video. When I export the course to a SCORM 1.2 file and publish it to my LMS (LITMOS) the fullscreen button disappears, but all other video controls are present.
I've opened a ticket with my LMS, but was curious if you know if this behavior would be related to the issue you have identified with iFrames because it appears as if the "allowfullscreen" option is being ignored within the iframe code...but again, only when published to the LMS.
When you use Rise to embed a video using the allowfullscreen attribute, every parent of that IFrame needs to propagate the same attribute to the browser in order for the browser to permit the fullscreen button.
If a Rise course hosted from the web allows the fullscreen button, but a Rise course hosted inside a Litmos IFrame doesn't allow the fullscreen button, that tells us that Rise is properly passing the allowfullscreen attribute, but Litmos is not.
Please let us know if you have other questions on this!
I seem to have this problem now. Am I limited to size in the embed code? It's 800 x 600, but I'd like to make it bigger. Even when I change the code, it does not appear any larger.
There isn't an option to change the overall width of Rise, and it will resize based on the device the output is being viewed on.
What are you looking to embed in Rise? Have you already tried using the URL/Embed Code lesson type? If you've run into a problem with it, let us know what's happening and we'll troubleshoot from there!
This discussion is a bit longer and encompasses a few things - so if you could share what part is not working we can provide an update on that issue, offer other ideas for troubleshooting, etc.
Let us know what is causing a problem - and we'll be happy to help!
I'm trying to embed a click-through prototype from a product called InVision. When I do so it cuts off the prototype and has a bunch of white space around it. I'm designing this only for use on mobile, so screen real estate is everything for making this work.
Attached is what I see. I've tried messing with the dimensions in the embed code but sizing it down just increases the white space.
Is there any way I can prevent this? Here's the embed code I'm using:
Note: I know that having the black phone border in the prototype will contribute to the sizing issue, but I plan on removing that. The embedding issue will occur regardless of whether that black phone border is there or not.
We use Embedly to embed rich media in Rise courses, which means you can use videos, images, documents and other media from over 400 content providers, such as YouTube, Vimeo, Instagram, and Scribd. See the complete list of supported content providers here.
It should be as easy as copying the URL for the media you want to use and paste it into Rise.
Where are you hosting the InVision content? I don't see them as one of the Embedly content providers, so that could explain some of the display issue connecting it to Rise.
Since our courses are proprietary and we charge a fee to customers for them, we don't want these links exposed.
We have not yet found an embed code that allows both the embedding in RISE as well as removes that link... we've posted a ticket w/ Wistia on it... and are posting here as well to see if anybody else has encountered this problem and has a fix.
This training project has over 50 Rise modules in it, and over 80 videos... to have to upload the videos would be really unwieldy ...
I also wanted to let you know that this is a public forum where you've posted the links to your videos. If you need to edit/remove them so that others can't view your video you can edit your post following the same steps described here for removing contact information from your post.
Let us know what Wistia says, and if you'd like us to take a look and share the link and embed code privately you can always connect with our Support Engineers here.
59 Replies
are there any video tutorials on how to embed rich media into rise courses? Perhaps some that show different embedly-supported media?
Hi Britney,
Are you running into an issue with embedding content into Rise? All you would need is the URL or embed code from a supported media type and then you can paste that into:
I figured it out! I was making it more complicated than it needed to be. I didn't realize I just needed to copy and paste the links in. I figured out how to embed a pdf though, and that's been great! Thanks for the response, Ashley!
No worries Britney, we've all been there. 😉
Glad you got everything figured out, and let us know if you need anything else!
Trying to embed the below iframe in Rise. Any suggestions would be greatly appreciated!!
Gail
<iframe src="/media/ifr/2301885140" width="480" height="300" scrolling="no" frameborder="0" style="border: 0; overflow: hidden;" allowfullscreen="true"></iframe>
Hi, Gail!
Your IFrame code is perfect with one small exception!
/media/ifr/2301885140 needs to be a valid URL. In other words, the text that goes between the quotes after iframe src needs to be something that will work when pasted into the address bar of your browser.
Here's an example of something that might work better:
https://www.myserver.com/media/ifr/2301885140Good luck with your project!
it seems that no matter what style parameters i give the iFrame tag, the block always displays the content at the same size, with a border. Will Rise not recognize/respect valid HTML5 compliant elements in the tag?
I've tried <iframe src="<valid URL is here"></iframe> and have also tried specifically adding height and width elements, but the frame remains the same size
If I put this in a valid HTML page, it displays as i would expect it to:
<iframe src="<same valid URL from above>" height="900" width="1800"></iframe>
Good Morning, Matt!
We see the problem, and we'll take a look at a possible fix.
On a related note, it looks like your URL might be a published Storyline course, and we're also considering using Storyline as a lesson type in Rise. This work is targeted for later this year.
Please let us know if you need anything else, and have a great day!
It is a Storyline course, we're looking at using Rise to wrap some of our modules into larger courses, that way we can update those modules and not have to recreate the entire shell.
Glad to know it wasn't just me...I was trying every iteration of iFrame code I could come up with.
having another interesting behavior re: an iFrame. I'm embedding a video that is hosted on a 3rd party site. When i author the course in Rise and preview it, i have a "Fullscreen" button available on the video. When I export the course to a SCORM 1.2 file and publish it to my LMS (LITMOS) the fullscreen button disappears, but all other video controls are present.
I've opened a ticket with my LMS, but was curious if you know if this behavior would be related to the issue you have identified with iFrames because it appears as if the "allowfullscreen" option is being ignored within the iframe code...but again, only when published to the LMS.
Hi, Matt!
When you use Rise to embed a video using the allowfullscreen attribute, every parent of that IFrame needs to propagate the same attribute to the browser in order for the browser to permit the fullscreen button.
If a Rise course hosted from the web allows the fullscreen button, but a Rise course hosted inside a Litmos IFrame doesn't allow the fullscreen button, that tells us that Rise is properly passing the allowfullscreen attribute, but Litmos is not.
Please let us know if you have other questions on this!
That's my suspicion as well, and what I've asked them to investigate, but wanted to check in with you first.
As always, thanks for the quick reply and great support!
I seem to have this problem now. Am I limited to size in the embed code? It's 800 x 600, but I'd like to make it bigger. Even when I change the code, it does not appear any larger.
that's essentially the same thing I was seeing. No matter what size parameters I passed, it always remained the same size.
Hi! Its possible change the width in Rise, to put an IFRAME? I change the width in my HTML code but Rise ignore that... TKS!
Hi Thiago,
There isn't an option to change the overall width of Rise, and it will resize based on the device the output is being viewed on.
What are you looking to embed in Rise? Have you already tried using the URL/Embed Code lesson type? If you've run into a problem with it, let us know what's happening and we'll troubleshoot from there!
Hi all,
A quick note that we pushed out a fix to Rise today - it should resolve how some embedded web content was cropped or cut off in Rise.
Hey folks,
I've got good news--you can now easily embed Storyline interactions into Rise! Check out all the details here.
Give it a try, and let us know if you have any questions!
Yeah, this is 10 months old now and still is not working.
Hi Michelle,
This discussion is a bit longer and encompasses a few things - so if you could share what part is not working we can provide an update on that issue, offer other ideas for troubleshooting, etc.
Let us know what is causing a problem - and we'll be happy to help!
If you click on the little reply icon next to the person's username you are taken to the post that is being replied to.
Ashley (and team),
I'm trying to embed a click-through prototype from a product called InVision. When I do so it cuts off the prototype and has a bunch of white space around it. I'm designing this only for use on mobile, so screen real estate is everything for making this work.
Attached is what I see. I've tried messing with the dimensions in the embed code but sizing it down just increases the white space.
Is there any way I can prevent this? Here's the embed code I'm using:
<iframe width="438" height="930" src="//invis.io/VMDP2W56D" frameborder="0" allowfullscreen></iframe>
Note: I know that having the black phone border in the prototype will contribute to the sizing issue, but I plan on removing that. The embedding issue will occur regardless of whether that black phone border is there or not.
Hi Joe,
We use Embedly to embed rich media in Rise courses, which means you can use videos, images, documents and other media from over 400 content providers, such as YouTube, Vimeo, Instagram, and Scribd. See the complete list of supported content providers here.
It should be as easy as copying the URL for the media you want to use and paste it into Rise.
Where are you hosting the InVision content? I don't see them as one of the Embedly content providers, so that could explain some of the display issue connecting it to Rise.
We are having a slightly different issue with embedding Wistia videos...
The embed codes are somehow including the View in Wistia> in the border of the video...
This allows the user to link directly to the video in Wistia and exposes the source url.
The URL it gives directs to embedly.com so it could be coming from Embedly...
https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Ffast.wistia.net%2Fembed%2Fiframe%2Fpwn4bnxoxi&url=https%3A%2F%2Fcherwell.wistia.com%2Fmedias%2Fpwn4bnxoxi&image=https%3A%2F%2Fembed-ssl.wistia.com%2Fdeliveries%2F5c32eefe6da313aa5e0238c46847ed911ff955b0.jpg%3Fimage_crop_resized%3D960x540&key=5cbac80a25df462a99e58eccd801acc0&type=text%2Fhtml&schema=wistia
Since our courses are proprietary and we charge a fee to customers for them, we don't want these links exposed.
We have not yet found an embed code that allows both the embedding in RISE as well as removes that link... we've posted a ticket w/ Wistia on it... and are posting here as well to see if anybody else has encountered this problem and has a fix.
This training project has over 50 Rise modules in it, and over 80 videos... to have to upload the videos would be really unwieldy ...
Hi Mary Beth,
I also wanted to let you know that this is a public forum where you've posted the links to your videos. If you need to edit/remove them so that others can't view your video you can edit your post following the same steps described here for removing contact information from your post.
Let us know what Wistia says, and if you'd like us to take a look and share the link and embed code privately you can always connect with our Support Engineers here.
This discussion is closed. You can start a new discussion or contact Articulate Support.