Assessment wanted for Multimedia and embedding - 2

Hi everyone,
I need help in this exercise Multimedia and embedding 2.
The problem is that subtitles are not display in the video.
I had tried it in the MDN workspace, there it work well but it not work in my local system and even in codepen .
My code.
1.Multimedia and embedding 2

it related to a security feature in the browser called same origin or something like that

to make it work the video and the vtt should be on the same server as the html
so to make it work on your local machine download the video and the vtt file and link them to your page do not use external link to the video

hope that help and have a nice day :slight_smile:

Thanks @justsomeone for replying, i had kept the video and vtt file on the same folder on my local machine, but it still not work . I’m not able to figure it out what’s the reason.

could you share you html code

or try to use

and upload the vtt and the video file there and see if it work or not

sure @justsomeone I write my code in glitch.
1.code
2.livesite

Hello @asad_mozilla

if you use firefox try this when using your local html file on the device

make all files next to the html file all in same folder and go to
about:config
and search for
privacy.file_unique_origin
and set it to false

open your html file and see if it work or not

do not forget to get this setting back to true after that
i used the webm video file as the mp4 does not work on firefox on my linux

but to make it work even without change this setting you need a local server to test it or use github not sure why glich did not work
hope that help and have a nice day :slight_smile:

Hello @justsomeone ,as you instruct , after turning “privacy.file_unique_origin” to false it works.

Thanks for your guidance :innocent:

you very welcome but turn it back cause from security point of view it not good to set it to false