Saving a .vtt file from TextEdit

Question

Is it possible to save a WebVTT file (.vtt) from TextEdit? I was able to just change the extension but I'm not sure if it's actually converting it to a .vtt file. I've been trying to look online for a file converter but can't seem to find anything.

The code that I'm using is below:

 <video id="balloons" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" data-setup="{}">
<source src="media/balloon.mp4" type='video/mp4' />
<source src="media/balloons.m4v" type='video/m4v' />
<source src="media/balloons.webmhd.webm" type='video/webm' />
<source src="media/balloons.oggtheora.ogv" type='video/ogg' />
**<track kind="captions" src="media/balloon-captions.vtt" srclang="en" label="English" />**

Answer 1

According to the spec, VVT files are plaintext (UTF-8), so you shouldn't have any trouble saving such a file from TextEdit. However, the file should be served by your web server with a MIME-type of text/vtt. Might be worth checking.

You can validate the content of your file here: http://quuz.org/webvtt/