Picture of Ulrich Kerzel
V2: completion tracking with media component with external video (vimeo)
by Ulrich Kerzel - Thursday, 6 August 2015, 2:14 PM
 

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
}
},

Picture of Matt Leathes
Re: V2: completion tracking with media component with external video (vimeo)
by Matt Leathes - Thursday, 6 August 2015, 6:14 PM
 

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...

Picture of Ulrich Kerzel
Re: V2: completion tracking with media component with external video (vimeo)
by Ulrich Kerzel - Friday, 7 August 2015, 6:45 AM
 

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
}
},