How to display subtitle?

Question

How to display subtitle?

tuanbs opened this issue 8 years ago · comments

Hi, could you tell me how to display my own subtitle on youtube video. I tried this:

In html file I added: "...vg-tracks="config.tracks"...", and in js file I added:
tracks: [
{
src: $scope.story.subtitleUrl,
kind: "subtitles",
srclang: "en",
label: "English",
default: "default"
}
]
But the subtitle is not shown. Thanks.

Nam PHAM · Answer 1 · Wed May 04 2016 13:25:04 GMT+0800 (China Standard Time)

Can you provide me a codepen

Mai64 · Answer 2 · Fri May 06 2016 10:59:17 GMT+0800 (China Standard Time)

Hi, I cannot create Codepen account using Facebook.
Basically, I just added the tracks property to load the subtitle and using vg-tracks to show. If you still cannot figure it out, could you please give me a codepen example of using videogular-youtube displaying subtitle? Thanks.

Nam PHAM · Answer 3 · Fri May 06 2016 11:21:28 GMT+0800 (China Standard Time)

@tuanbs Oops, as i remember, u can not do that, because vgtrack use native subtitle of video tag, and this is a reason it don't work like you want, dicuss with @2fdevs to implement it

Mai64 · Answer 4 · Sun May 08 2016 17:05:37 GMT+0800 (China Standard Time)

Ok. I'll create an issue with @2fdevs . Thanks for your reply.
FYI, this is the codepen: http://codepen.io/tuanbs/pen/oxmwBv