Move captions below video

Topics: HTML5 web
Jan 16, 2012 at 5:41 AM

I can't find any way to reliably move captions to a space below the video. I have tried setting the bottom style of .pf-caption-cues-container  to -60 but the captions disapear depending on the aspect ratio of the container.

 

Any way to move the captions or send the captions to my own div with a code change?

 

Jan 16, 2012 at 6:37 PM

I found a way to move the captions below the video player. There are 2 steps required:

1. Move the captions container below the video player window with this style setting - .pf-caption-cues-container {top:100%;bottom:-100%;}

2. Set the style setting in the TTML file to display in the upper right corner of the captions container - like this:

tts:origin='0% 0%'
tts:extent='100% 15%'

Sep 24, 2012 at 9:53 AM
leolucas wrote:

I found a way to move the captions below the video player. There are 2 steps required:

1. Move the captions container below the video player window with this style setting - .pf-caption-cues-container {top:100%;bottom:-100%;}

2. Set the style setting in the TTML file to display in the upper right corner of the captions container - like this:

tts:origin='0% 0%'
tts:extent='100% 15%'

Thanks