I have successfully followed instructions from this forum on how to embed a Youtube video as a web object in order that it can be published as html5 but cannot replicate this to embed a video on Vimeo. Please can someone give me the code equivalent to www.youtube.com/embed/XXXXXXXXX toallow me to do this.
It depends how you want to access the html5-based project. It seems Vimeo videos behave slightly differently in the Mobile Player App vs. in a HTML5-browser, e.g. Safari on iPad. I did a quick test (see here) that show three options:
As web object, the video works but when i insert the video as embed, always have in the editor "browser navigation was cancelled" and when i test the slide, in the browser the video dos not load, page not found
If you're using YouTube videos you'll need to use the option to insert as a web object described here. If you use the insert from website, it will not work within the Articulate Mobile player or HTML5 as indicated in the note here:
I am trying to embed a video that is hosted on Vimeo rather than Youtube. Unfortunately the preview always says that the "navigation to the website was cancelled" (published project doesn't play either). Are there any issues in terms of compatibility between Storyline and Vimeo?
Hi... We have find a way to insert the videos, is using a webobject that calls our own html who loads the video... we calculate the diomensions of the video and webobject and works fine. With this method, you can launch videos that is not necessary to control for SCORM purposes.
I am trying to embed a youtube and a vimeo file in my articulate project, When i use the Web Object to insert the video nothing gets displayed.
I know it wont be displayed on Preview, but when i publish to Web and LMS it still doesnt work and nothing seems to appear on the screen.
I have even tried uploading it to SCORM Cloud and nothing there as well, not sure why it isnt working, i have followed the exact instructions from the following link:
Could you share the embed code or link to the video you're working with from YouTube? If you've tested by publishing to a site such as SCORM Cloud (after using the publish to LMS method) that should have worked as expected.
It's also worth noting that if you add a restricted YouTube video to your Articulate content, you'll find that it doesn't play in your published output.
I know this thread has not been visited for a few months but for future troubleshooters. To post Vimeo to a web object copy the embed code that Vimeo gives you and simply delete everything but the actual player link (in bold).
Then add a https:// in front of it and you have the proper link. Take note that Articulate does not automatically add the 's' in 'https' so you will have to add it yourself.
I am using https://player.vimeo.com/video/123XXXXXX for my project but this does not work in Chrome but it works however in IE, this is the fault code in Chrome:
the web object feature on this slide has been disabled while viewing locally because your browser does not support it.
If i paste the link in chrome it works but not inside Storyline
What settings are needed in Chrome for this to work?
You're unable to view web objects as a part of the preview or if you're viewing the published content locally. You'll want to upload to the intended environment as described here to properly test your output.
I haven't seen any code that you can add to a particular video when inserting it into Storyline as a web object. Perhaps instead you may want to look at downloading the video and inserting that or providing users with information on where/how to enter the password to view the video.
Chris, you might want to check with Vimeo support. This link makes it sound like it's not currently possible with their API: https://vimeo.com/forums/api/topic:270169
Thanks Mike for finding and sharing that link here! If you're able to determine a workaround for this set up Chris, please feel free to share it here as others may stumble upon the same issue.
Hi, Alex -- So sorry to hear you are experiencing difficulties! Perhaps I am not clear on the issue you are having... Is it a matter of not loading? You may want to check out this thread for some suggestions you can try.
And, as some time has passed since the last response on this thread, you would also be welcome to reach out to any of the participants in this thread directly using the 'Contact Me' link on an individual's profile page. :)
40 Replies
It depends how you want to access the html5-based project. It seems Vimeo videos behave slightly differently in the Mobile Player App vs. in a HTML5-browser, e.g. Safari on iPad. I did a quick test (see here) that show three options:
1. Using the URL of the webpage containing a video in a web object, e.g. http://vimeo.com/user18747741/heartslikeours
2. Using the video's embed code in a video object, e.g. "
HEARTS LIKE OURS | The Naked & Famous from Campbell Hooper on Vimeo.
"3. Using the video's URL from the embed code in a web object, e.g. http://player.vimeo.com/video/71374620?title=0&byline=0&portrait=0&badge=0&color=e6ae9e
I suggest you experiment with these options and see which one work best for your project.
Hi Ann and welcome to E-Learning Heroes! Just let us know how Michael's solution works for you. Thanks Michael!
Thanks! The third option is just what I wanted. Ann
Hi!
As web object, the video works but when i insert the video as embed, always have in the editor "browser navigation was cancelled" and when i test the slide, in the browser the video dos not load, page not found
I use the option "insert video from website"
Now I have a Youtube video as embed but in the ipad a "forbidden play" icon appears... :(
In flash works fine and in the html5 in browser just hangs the course
Here you can see working
http://factoria.mediateca-santander.com/demo2/story.html
Hi Juanjo,
If you're using YouTube videos you'll need to use the option to insert as a web object described here. If you use the insert from website, it will not work within the Articulate Mobile player or HTML5 as indicated in the note here:
Note: If you'll be delivering your Storyline courses via HTML5 or the Articulate Mobile Player app for iPad, be aware that YouTube videos embedded in this manner ( Insert from website) won't work in these environments. Use the following method for embedding YouTube videos instead (Insert as web object).
Hello,
I am trying to embed a video that is hosted on Vimeo rather than Youtube. Unfortunately the preview always says that the "navigation to the website was cancelled" (published project doesn't play either). Are there any issues in terms of compatibility between Storyline and Vimeo?
Ah, please ignore the above. It's only the preview and web publishing that doesn't work. SCORM loaded to Scorm Cloud is fine!
Thanks for the update Adrian!
Hi... We have find a way to insert the videos, is using a webobject that calls our own html who loads the video... we calculate the diomensions of the video and webobject and works fine. With this method, you can launch videos that is not necessary to control for SCORM purposes.
Hi Ashley
I am trying to embed a youtube and a vimeo file in my articulate project, When i use the Web Object to insert the video nothing gets displayed.
I know it wont be displayed on Preview, but when i publish to Web and LMS it still doesnt work and nothing seems to appear on the screen.
I have even tried uploading it to SCORM Cloud and nothing there as well, not sure why it isnt working, i have followed the exact instructions from the following link:
http://en-au.articulate.com/support/storyline/how-to-add-a-youtube-video-to-storyline
still nothing, help needed
thanks
shahid
Hi Shahid,
Could you share the embed code or link to the video you're working with from YouTube? If you've tested by publishing to a site such as SCORM Cloud (after using the publish to LMS method) that should have worked as expected.
It's also worth noting that if you add a restricted YouTube video to your Articulate content, you'll find that it doesn't play in your published output.
I know this thread has not been visited for a few months but for future troubleshooters. To post Vimeo to a web object copy the embed code that Vimeo gives you and simply delete everything but the actual player link (in bold).
<iframe src="//player.vimeo.com/video/110791926" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Then add a https:// in front of it and you have the proper link. Take note that Articulate does not automatically add the 's' in 'https' so you will have to add it yourself.
https://player.vimeo.com/video/110791926
Thanks for sharing Matt!
Hi! Tried Matts link
I am using https://player.vimeo.com/video/123XXXXXX for my project but this does not work in Chrome but it works however in IE, this is the fault code in Chrome:
the web object feature on this slide has been disabled while viewing locally because your browser does not support it.
If i paste the link in chrome it works but not inside Storyline
What settings are needed in Chrome for this to work?
KR
Rob
Hi Robert,
You're unable to view web objects as a part of the preview or if you're viewing the published content locally. You'll want to upload to the intended environment as described here to properly test your output.
Great now it works! I should have tested on the server right away :)
KR
Hi there everyone,
Would you know if there is a code or something I can use to embed my Vimeo videos that are password protected.
Regards,
Chris
Hi Chris,
I haven't seen any code that you can add to a particular video when inserting it into Storyline as a web object. Perhaps instead you may want to look at downloading the video and inserting that or providing users with information on where/how to enter the password to view the video.
Thanks, I'll try and do a bit of research on html ?queries if I find
something I'll send it through
Regards
Chris
Chris, you might want to check with Vimeo support. This link makes it sound like it's not currently possible with their API: https://vimeo.com/forums/api/topic:270169
Thanks Mike for finding and sharing that link here! If you're able to determine a workaround for this set up Chris, please feel free to share it here as others may stumble upon the same issue.
We're having trouble having Vimeo web objects consistently show up without a rule.
The video is the same proportions as the created web-object. Any advice?
Hi, Alex -- So sorry to hear you are experiencing difficulties! Perhaps I am not clear on the issue you are having... Is it a matter of not loading? You may want to check out this thread for some suggestions you can try.
And, as some time has passed since the last response on this thread, you would also be welcome to reach out to any of the participants in this thread directly using the 'Contact Me' link on an individual's profile page. :)