How to unblock VTT files not being loaded into HTML video pages viewed on local disk?
I asked this question some time back here: https://support.mozilla.org/en-US/questions/1362859 I'm asking again to reframe the question. The problem is - if my experience is a guide to the rest of the world - VTT files (which are used to caption HTML video) are no longer read/loaded by Firefox when it is viewing the HTML file locally (i.e. file://). On the web they are loaded as expected. Presumably there's a security setting somewhere in Firefox that now refuses to load the VTTs locally. Maybe under Help > More troubleshooting information there is a setting to change to fix that?
الحل المُختار
Firefox supports WebVTT and vtt files and there are several media.webvtt.* prefs on the about:config page, but if these files are normally loaded from the server via JavaScript then this might not work locally. You might be able to get this work with links relative to the location of the html file or possibly open the file via a localhost web server.
- 1499802 - [webvtt] Browser doesn't render WebVTT embedded Styles used by Voice/Class spans
All Replies (4)
From what I can find on VTT it's web based and can't be run locally.
Here's some info I found about it: What is a VTT file? VTT files mostly belong to Chrome by Google. VTT filename extension is associated text files containing video subtitles written in with WebVTT standard for displaying timed text (closed captions) during video playback. Such VTT files contain data such as the subtitle type, captions, language, subtitle text, speaker name, chapters for content navigation, video descriptions, start/end timecodes for each block of text, and a video/audio metadata stored as text in the following form:
VTT subtitles are mainly used in HTML5 videos embedded in web browsers. The file's URL or path is set as the value of the src attribute of the <track> tag of a video. VT Pro-e, a software for creating the graphical user interface (GUI) of touchscreen devices, saves graphic user interface design projects in VTT files. How to open a VTT file
You need a suitable software like Chrome to open a VTT file. Without proper software you will receive a Windows message "How do you want to open this file?" or "Windows cannot open this file" or a similar Mac/iPhone/Android alert. If you cannot open your VTT file correctly, try to right-click or long-press the file. Then click "Open with" and choose an application. You can also display a VTT file directly in the browser. Just drag the file onto this browser window and drop it.
الحل المُختار
Firefox supports WebVTT and vtt files and there are several media.webvtt.* prefs on the about:config page, but if these files are normally loaded from the server via JavaScript then this might not work locally. You might be able to get this work with links relative to the location of the html file or possibly open the file via a localhost web server.
- 1499802 - [webvtt] Browser doesn't render WebVTT embedded Styles used by Voice/Class spans
Modified by cor-el
cor-el said
Firefox supports WebVTT and vtt files and there are several media.webvtt.* prefs on the about:config page, but if these files are normally loaded from the server via JavaScript then this might not work locally. You might be able to get this work with links relative to the location of the html file or possibly open the file via a localhost web server.
- 1499802 - [webvtt] Browser doesn't render WebVTT embedded Styles used by Voice/Class spans
Thanks for the tip. I toggled the four media.webvtt.* prefs one at a time and saw nothing changed (no captions appeared but nothing broke) except in the case of media.webvtt.debug.logging where, if changed to "true", the videos don't load. The VTT files not loading off local disk is a recent "feature" of Firefox - until about v99, they did. Made testing/editing my site easy.
Modified by roberto32
cor-el said
Firefox supports WebVTT and vtt files and there are several media.webvtt.* prefs on the about:config page, but if these files are normally loaded from the server via JavaScript then this might not work locally. You might be able to get this work with links relative to the location of the html file or possibly open the file via a localhost web server.
- 1499802 - [webvtt] Browser doesn't render WebVTT embedded Styles used by Voice/Class spans
Thanks! Took your advice about setting up a local host web server. In my case it's IIS. Needed to add extensions and mime types for VTT and even mp4, but then it worked perfectly.
Modified by roberto32