Adapt Learning Community: Vimeo

How do I embed a Vimeo File into adapt?

Am trying this:-

{
"_id":"c-1121",
"_parentId":"b-1120",
"_type":"component",
"_component":"media",
"_classes":"",
"_layout":"full",
"title":"Hi Coach!",
"displayTitle":"Hey coach!",
"body": "Good to have you here. What exactly is coaching after school activities all about? ",
"instruction":"",
"_setCompletionOn":"play",
"_media": {
"mp4": "https://vimeo.com/118634375",
"poster": "course/en/video/V001.jpg"
},
"_pageLevelProgress": {
"_isEnabled": true
}
},

But it's no working?

Please help!

Stephen

Hi Stephen

We have used Vimeo a lot in some of the courses that we have produced.

We use the following:

"_media": {
"source": "//player.vimeo.com/video/<vimeo_id>",
"type": "video/vimeo"
},

Notice that we do not include the http: part of the url, as this allows the video to be used in both secure and non-secure environments.

Hope this helps,

Hanzs

Show parent | Reply

Thanks a lot Hanz. I am able to get it to work much better now;- well it does work. However, it is very heavy and cluncky? Wonder if you can give me any advice on how to make is smoother? It works ok in vimeo on it's own, however when I call the vimeo file up through adapt it becomes very slow? Any advice?

Thanks again,

Stephen

Show parent | Reply

Hi Stephen.

We have not experienced any cluncky'ness while using this, we have a number of video's on each page. Is this using a specific browser? Do the video's work Ok in Vimeo (this could point to a MediaElement.js issue)

Thanks

Hanzs

Show parent | Reply

Hi Guys,

I just wanted to raise an issue I seem to be having with Embedding a Vimeo link into the Media Component.

So I'm adding the component correctly (to my knowledge) and the video runs fine, the Vimeo link is placed into an iFrame, however I seem to be getting a problem where the div class="mejs-controls" still appears over the top of the media element : div class overlapping vimeo video player functions

I lack sufficient knowledge of js to understand why this is happening. I wondered if anyone has run into this same issue as I can't seem to find a solution in any discussion forums.

This is the JSON i've implemented :

{
"_id":"co-05-a-05-b-05-c-05",
"_parentId":"co-05-a-05-b-05",
"_type":"component",
"_component":"media",
"_classes":"",
"_layout":"full",
"title":"example",
"displayTitle":"",
"body":"example",
"instruction":"",
"_setCompletionOn":"inview",
"source": "//player.vimeo.com/video/XXXYYY",
"_pageLevelProgress": {
"_isEnabled": false
}
},

Show parent | Reply