• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Web object youtube video doesn't appear in preview or publish

Engaged ,
Apr 13, 2018 Apr 13, 2018

Copy link to clipboard

Copied

I'm working on a responsive project in Captivate 2017 and having some issues with a web object housing a youtube video URL appearing.

I have the web object set to 'hide' with an on enter action for the slide and then a click box button that has an action to 'show' the web object. However when I click

the click box, the web object does not appear.

I originally had this slide set up the same way with a normal embedded video, but the embedded video is so slow on mobile devices, often times it won't appear at all. I thought maybe using a web object would help 'lighten' the file size and improve playback speeds.

I have a couple of other objects set to 'show' upon clicking my click box as well, and they do appear like they are supposed to - it's only the web object that doesn't show up and it doesn't appear in preview mode or in the published project file.

Any help/advice would be much appreciated.

Here's a screenshot of my clickbox in the timeline and it's advanced action -

Clickbox advanced actions.PNG

And here's a screenshot of my on enter advanced action for the slide -

onEnter advanced action.PNG

Views

658

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Apr 13, 2018 Apr 13, 2018

Copy link to clipboard

Copied

Just for clarification if you use a web object to try and present a youtube video it may not work because a web object uses an iframe which most times You tube will not allow playback in.

You may want to try using the You Tube widget in the Learning Interactions and see if it will support the video playback. I think you may have some success using this approach.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 14, 2018 Apr 14, 2018

Copy link to clipboard

Copied

YouTube doesn't prevent you from putting their videos into an iframe (web object). A video owner can prevent their videos from being embedded into other websites using this method. Most don't do this however since for most YouTubers it's all about the views. For example, every time you see one of my video tutorials posted here on the eLearning community, it's merely an embedded video. I'm happy for you to watch it wherever you do so.

What you need to do is not use the regular URL of the video, but instead use the embed code. From the video on Youtube click the share option. It defaults to the regular URL but you will see an option for the embed code. There are several options you can select that will change how your video runs. Make those selections and then copy the resulting code.

In the properties of your Captivate web object change it from URL to embed code and paste in the embed code from YouTube. It should work fine.

Keep in mind that if you publish your project to your desktop the video will not be seen as your project needs to be run from a web server in order to see the web object working. Previewing works because Captivate includes a local web server for testing purposes.

Paul Wilson, CTDP

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

Thanks Paul! I will give this method a try.

I wish simply embedding the video would work - after some further testing I've discovered that the embedded videos do in fact run fine on an Android device, however they do not appear or play on Apple devices. I'm testing in Google Chrome on all devices (Samsung phone, iPhone, and iPad). Is this a known issue with Apple devices?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

Tested this method of including the video and it is working fine on Android device, however still not loading/playing on Apple devices. Not sure if there is some sort of work around?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 16, 2018 Apr 16, 2018

Copy link to clipboard

Copied

It will work on an iPad but on iPhones what typically happens is that the video will open using the build in apple media player. This can be difficult for some users as they won't easily see how to return to the eLearning upon completion of the video. If you anticipate a high number of iPhone users then you may have to rethink your learning strategy. For me, iPhone is a very small percentage of users so I typically don't worry about them.

Paul Wilson, CTDP

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 07, 2018 May 07, 2018

Copy link to clipboard

Copied

LATEST

So happy I found this thread as I've spent most of my day troubleshooting settings to figure out how to get these videos to show up in an executable or published file. I guess I need to chat with our IT department to see how this can be hosted. I believe they have provided access to eLearning in the past by posting it on the internal website/intranet for the company. They do not have an LMS as of yet. Do you know if this will work, or do I need to come up with a new solution for reducing file size? Thank you in advance.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources