video.jsclosed-captions

ios 14 and macOS safari 14 broke captions using video.js


The error message from the console:

[Error] Unsafe attempt to load URL from origin . Domains, protocols and ports must match.

My VTT domain is different than my origin domain.


Solution

  • It seems iOS 14 and macOS Safari 14 are more strict than prior versions. I was able to fix the problem by adding a crossorigin like so:

        <video
          :id="videoIdentifier"
          crossorigin="anonymous"
        />