Adapt Learning Community: Embedding non youtube/vimeo videos

I've successfully managed to embed both youtube and Vimeo videos into my course using the standard media component (adapt-contrib-media) however, I have videos on an external Kaltura server which I cannot get to work within the Adapt authoring tool.

The standard media component only seems to support youtube and Vimeo on the drop down for type - is this the case or is there a setting I am missing? If I leave type blank it still doesn't work.

Are there any other plugins that support other types of streamed media beyond just youtube and Vimeo?

I've also tried the responsive iframe plugin but I'm not sure this is the correct solution for the problem.

Thanks

Jon

You'd need to give us a bit more information about what sort of configuration you'd need to play a Kaltura video.

Equally if they provide their own media player then using one of the iframe plugins would probably work OK; although you might be better creating a proper plugin. Have a look at adapt-youtube for example.

Show parent | Reply

Hi Matt

thanks - I'm not sure what specific information is needed to describe the configuration, we have a lot of videos hosted on an external Kaltura server, and these are typically displayed within other authoring tools / our LMS / various websites etc using embed codes. Usually all that is needed is the embed code and it "just works".

There doesn't seem to be a place to put these embed codes within the Adapt authoring tool, and by default it only seems to support youtube and vimeo as "types" of videos. As mentioned below - I've been able to insert videos into a course using direct URL's that youtube and vimeo provide. Kaltura doesn't seem to have this option and just uses embed codes. They do provide their own player (assuming we are talking about the same thing) which the embed code links directly to. I've not had much luck with the responsive iframe component using this though - again it is asking for a URL rather than an embed code, not sure if this is part of the problem?

Is there a way with any current default components or plugins that this embed code could be used? or does Adapt only support a direct URL for media playback? Alternatively - is there a way that an embed code can be just dropped in as plain text, like you might do on a website to include some external content?

Creating a plugin seems like it would solve this very specific issue - but I wouldn't really know where to begin! as a new user of Adapt I'm not sure how I would start creating a plugin. If it is similar to creating a theme which I've recently done by editing vanilla then perhaps... though I suspect the coding requirements would be beyond my current skillset (this is why I use authoring tool rather than framework!)

Thanks

Jon

Show parent | Reply

The embed code is the configuration information I was referring to. If you could share a sample here I should be able to show you what bit you need to use with the responsive iframe.

it would also help to know if you are using https://github.com/cgkineo/adapt-iframe or https://github.com/LearningPool/adapt-contrib-responsiveIframe/.. I'm guessing the latter but best to be sure.

Show parent | Reply

Probably not much use to you in the short term, but we are looking at building a Kaltura component in the next couple of months, and will release it when possible (but obviously this may take some time).

You can potentially dig into the html of the page when you embed and drag out the direct link to the video - I've not tried it myself, but I BELIEVE you can get a static link that way.

Show parent | Reply

Thanks both for the above help - I would be interested in following progress on that Louise!

I've been having a play with the https://github.com/LearningPool/adapt-contrib-responsiveIframe/ plugin (you guessed correctly) and I think I've managed to get it to work, but will share my solution here in case there is an easier way or something I'm missing - would appreciate any feedback.

So I have two embed code options I've tried with this plugin - "auto" and "iframe".

Auto:

and the "iframe" one:

In each case, using the full embed code doesn't work - and I just get a grey, blank component with no video loaded.

What I've just tried - is extracting the src link in each case by copying that out of the embed code and into the URL field of the responsive iframe plugin - the auto one didn't work (just displayed a load of code in the preview) but the iframe one worked! So that seems to be the easiest method to use to get the link.

If there is a more elegant / cleaner solution I would like to hear it! I'm not sure if this is the best way of getting this to work - and I'm not sure what the optimal breakpoints are to use with this plugin - should these match your video dimensions directly?

Thanks

Jon

Show parent | Reply

the iframe one is the right one to use...

not sure about the breakpoints, sorry - I've never used responsiveIframe myself as we have our own version - https://github.com/cgkineo/adapt-iframe - which we use, although haven't had any need to use it for some time. It isn't set up for the authoring tool either but doesn't look like it would be too hard to do since it only requires 4 properties to configure it.

Show parent | Reply