Adapt Learning Community: V2: completion tracking with media component with external video (vimeo)

Dear all,

updating to V2 of the framework, I added two media components, see below.

The one with the local video is the one included in the framework example, I've then added one with an external source (a random short video from vimeo).

Completion tracking works with the local video but it doesn't seem to work with the external source (or do I need to set the properties differently?)

Many thanks

Ulrich

{
"_id":"L1_co01_a01_b01_c02",
"_parentId":"L1_co01_a01_b01",
"_type":"component",
"_component":"media",
"_classes":"",
"_layout":"right",
"_comment": "_setCompletionOn = inview | play | ended",
"title":"Media component in the first block of the first page off the main page",
"displayTitle":"<br>",
"body": "",
"instruction":"",
"_setCompletionOn":"play",
"_useClosedCaptions": false,
"_media": {
"mp4": "course/en/video/c-40.mp4",
"ogv": "course/en/video/c-40.ogv",
"poster": "course/en/video/c-40.jpg",
"cc": [
{
"srclang": "",
"src": ""
}
]
},
"_transcript": {
"_inlineTranscript": true,
"_externalTranscript": false,
"inlineTranscriptButton": "Transcript",
"inlineTranscriptCloseButton": "Close Transcript",
"inlineTranscriptBody": "Transcript body text should go here",
"transcriptLinkButton": "Transcript",
"transcriptLink": ""
},
"_pageLevelProgress": {
"_isEnabled": true
}
},
{
"_id":"L1_co01_a01_b02_c01",
"_parentId":"L1_co01_a01_b02",
"_type":"component",
"_component":"media",
"_classes":"",
"_layout":"full",
"_comment": "_setCompletionOn = inview | play | ended",
"title":"Media component testing video streaming",
"displayTitle":"",
"body": "",
"instruction":"",
"_setCompletionOn":"play",
"_useClosedCaptions": false,
"_media": {
"source": "//player.vimeo.com/video/96961553",
"type" : "video/vimeo",
"cc": [
{
"srclang": "",
"src": ""
}
]
},
"_transcript": {
"_inlineTranscript": false,
"_externalTranscript": false,
"inlineTranscriptButton": "Transcript",
"inlineTranscriptCloseButton": "Close Transcript",
"inlineTranscriptBody": "Transcript body text should go here",
"transcriptLinkButton": "Transcript",
"transcriptLink": ""
},
"_pageLevelProgress": {
"_isEnabled": true
}
},

No, you're setting everything correctly. It looks as if the mediaelementjs player we use doesn't broadcast a 'play' event when you're using Vimeo video. I'm guessing that 'ended' won't work either... and that you might well have the same problem with YouTube video.

I've logged ABU-1022 for this, it's not going to be easy to fix though...

Show parent | Reply

Hi Matt,

actually, it works with YouTube using the code below.

(guess now I need to find out if youtube serves my needs)

All the best

Uli

{
"_id":"L1_co01_a01_b02_c01",
"_parentId":"L1_co01_a01_b02",
"_type":"component",
"_component":"media",
"_classes":"",
"_layout":"full",
"_comment": "_setCompletionOn = inview | play | ended",
"title":"Media component testing video streaming",
"displayTitle":"",
"body": "",
"instruction":"",
"_setCompletionOn":"play",
"_useClosedCaptions": false,
"_media": {
"source": "https://www.youtube.com/embed/UdEmaPd0nz8",
"type" : "video/youtube",
"cc": [
{
"srclang": "",
"src": ""
}
]
},
"_transcript": {
"_inlineTranscript": false,
"_externalTranscript": false,
"inlineTranscriptButton": "Transcript",
"inlineTranscriptCloseButton": "Close Transcript",
"inlineTranscriptBody": "Transcript body text should go here",
"transcriptLinkButton": "Transcript",
"transcriptLink": ""
},
"_pageLevelProgress": {
"_isEnabled": true
}
},

Show parent | Reply