fix: programatic text-tracks in Safari (#747)

* fix: programatic text-tracks in Safari

* chore: bundlewatch

* fix: programatic text-tracks in Safari

Author: tsi

package.json

@@ -61,7 +61,7 @@
       },
       {
         "path": "./dist/cld-video-player.light.min.js",
-        "maxSize": "131kb"
+        "maxSize": "135kb"
       },
       {
         "path": "./lib/cld-video-player.js",

src/config/defaults.js

@@ -27,5 +27,8 @@ export default {
   analytics: false,
   cloudinaryAnalytics: true,
   allowUsageReport: true,
-  playedEventPercents: [25, 50, 75, 100]
+  playedEventPercents: [25, 50, 75, 100],
+  html5: {
+    nativeTextTracks: false
+  }
 };

src/plugins/chapters/chapters.js

@@ -100,10 +100,6 @@ const ChaptersPlugin = (function () {
         default: true
       });
 
-      // required for Safari to display the captions
-      // https://github.com/videojs/video.js/issues/8519
-      await new Promise(resolve => setTimeout(resolve, 100));
-
       const end = this.player.duration();
       Object.entries(this.options).forEach((entry, index, arr) => {
         const cue = new VTTCue(

src/plugins/paced-transcript/index.js

@@ -64,10 +64,6 @@ function pacedTranscript(config) {
       mode: options.default ? 'showing' : 'disabled'
     });
 
-    // required for Safari to display the captions
-    // https://github.com/videojs/video.js/issues/8519
-    await new Promise(resolve => setTimeout(resolve, 100));
-
     captions.forEach(caption => {
       captionsTrack.track.addCue(new VTTCue(caption.startTime, caption.endTime, caption.text));
     });

src/plugins/srt-text-tracks/srt-text-tracks.js

@@ -27,10 +27,6 @@ function srtTextTracks(config, player) {
       mode: config.default ? 'showing' : 'disabled'
     });
 
-    // required for Safari to display the captions
-    // https://github.com/videojs/video.js/issues/8519
-    await new Promise(resolve => setTimeout(resolve, 100));
-
     // Add the WebVTT data to the track
     webvttCues.forEach(cue => {
       if (cue) {
@@ -47,7 +43,7 @@ function srtTextTracks(config, player) {
 // SRT parser
 const srt2webvtt = data => {
   const SRTParser = new srtParser2();
-  
+
   const cues = SRTParser.fromSrt(data);
 
   return cues.map(cue => ({