Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Video and Audio (Retired) Captioning Video The Track Element

Posted by Adam Urteaga
Adam Urteaga
19,503 Points

No CC option on controls, no subtitles

Is there something I'm not seeing in my code? 

 <video controls>
    <source src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.mp4" type="video/mp4">
    <source src="http://treehouse-code-samples.s3.amazonaws.com/html-video-and-audio/bridge.ogg" type="video/ogg">
    <track label="English" kind="subtitles" srclang="en" src="bridge-captions.vtt" default>
  </video>

I've stared at this for a while and it all seems just like in the video, but when I load my page I get no subtitles nor CC option on the controls bar. Read someone else's question about this same issue and they recommended adding "./" or "../" to the src. Didn't matter for me; and my .vtt is in the same directory as my html file. I'm using Chrome Version 56.0.2924.87 (64-bit) on Linux Mint 17.3 Cinnamon. Not using Workspaces (wouldn't load) so set up web server with XAMPP. Atom is my text editor.

Travis Carney
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Travis Carney
Front End Web Development Techdegree Graduate 17,797 Points
Travis Carney
.a{fill-rule:evenodd;}techdegree seal-36
Travis Carney
Front End Web Development Techdegree Graduate 17,797 Points

I am having the same problem. I i remove the default attribute a little closed caption box appears like I can select something but then it disappears when you click on it. I am also running Chrome 56.0.2924.87

Brandon Zucker
Brandon Zucker
11,406 Points
Brandon Zucker
Brandon Zucker
11,406 Points

I am having the same issue. My code looks the same, and I validated my VTT file. Not sure what is going on.

1 Answer

Savannah Lynn
Savannah Lynn
13,662 Points
Savannah Lynn
Savannah Lynn
13,662 Points

I am having this issue as well. Seeing this on all modern browsers.