My experiment with adding captions
Because the caption feature interests me, I decided to try the exercise again using my own video clip and WebVTT file. I used a quick 19-second clip from my phone for my experiment—the video pans across a short segment of Kanarra Creek, located in Kanarraville, Utah. During the clip, you see some canyon rock formations, Kanarra Creek, and a brief glimpse of me hiking through the water. The creek is a trail path that leads to two waterfalls. Since the clip is short, I decided the following three captions would be sufficient.- Kanarraville Canyon rock formations
- Kanarra Creek
- Amanda hiking through the water
Creating your own WebVTT file


I thought I had it right…
I’m going to fast-forward through several hours of frustration and briefly explain what happened. Although I followed Enamorado’s instructions to the letter, my WebVTT file would not upload to my WordPress media library. I scoured through various blogs and forums, trying to figure out why. The best answer I found relating to my problem came from StackExchange, an online Q&A community. Based on comments posted in December 2018, it seems that WordPress could have an issue reading my WebVTT file’s Multipurpose Internet Mail Extension (MIME) type. MDN Web Docs provides some literature regarding MIME types if you’d like to read more about the subject. Instead of embarking on that tangent, I’d like to continue telling you about my experiment.The solution to my WebVTT file upload problem
Rather than figuring out the problem with my MIME type, I decided to try VTT Creator. This website lets you create captions for videos then download the WebVTT file. Even though the site displays Login and Sign Up buttons at the bottom right corner of the screen, you do not need an account to create a file. VTT Creator is easy to use. You can create new caption cues manually or upload an existing WebVTT file. I chose to upload the WebVTT file I already made, then I tweaked the caption start and end times.
Finally!! My video with captions
WordPress seems to like the file type generated by VTT Creator; I successfully uploaded the document to my media library. I used a Custom HTML block to add the video and track elements. The captions do not play with the video by default, so after you click the play button, click the subtitles icon near the bottom right corner of the video screen, then select English. Also, the subtitles may not display in all web browsers. The screenshot below shows the code I entered into the Custom HTML block on my blog post.