Html5 текстовая дорожка субтитров к видео не работает ios

Question

У меня есть этот код для отображения титров на видео. Он работает во всех настольных браузерах, включая мой телефон android, но не отображает подписи на ios. В соответствии с этим должно работать https://caniuse.com/#feat = webvtt

document.getElementById("video").addEventListener("loadedmetadata", function() {
  track = document.createElement("track");
  track.kind = "captions";
  track.label = "English";
  track.srclang = "en";
  track.src = "http://iandevlin.github.io/mdn/video-player-with-captions/subtitles/vtt/sintel-en.vtt";
  track.addEventListener("load", function() {
    this.mode = "showing";
  });
  this.appendChild(track);
});

<video id="video" controls playsinline>
      <source id="mp4" src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
     </video>