@gcorevideo/player 2.28.22 → 2.28.24

package/assets/subtitles/style.scss

@@ -53,14 +53,15 @@
   }
 }
 
-// ::cue {
-//   visibility: hidden !important;
-//   font-size: 0 !important;
-// }
-// .ios-fullscreen::cue {
-//   visibility: visible !important;
-//   font-size: 1em !important;
-// }
+::cue {
+  visibility: hidden !important;
+  font-size: 0 !important;
+}
+
+.ios-fullscreen::cue {
+  visibility: visible !important;
+  font-size: 1em !important;
+}
 
 .container {
   .gplayer-cc-line {

package/dist/core.js

@@ -51319,7 +51319,7 @@ class Player {
     }
 }
 
-var version$1 = "2.28.22";
+var version$1 = "2.28.24";
 
 var packages = {
 	"node_modules/@clappr/core": {

package/dist/index.css

@@ -171,6 +171,51 @@
 }
 .big-mute-icon[data-big-mute-icon]:hover svg path {
   fill: #151515 !important;
+}.media-control-skin-1 .media-control-item.media-control-gear {
+  order: 99;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-wrapper {
+  position: absolute;
+  right: 16px;
+  bottom: 52px;
+  width: 250px;
+  min-height: 48px;
+  z-index: 9999;
+  border-radius: 4px;
+  box-shadow: 0 0 1px 1px var(--gplayer-mc-popup-border-color);
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-options-list {
+  padding: 8px 0;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-option {
+  margin: 0;
+  text-align: left;
+  line-height: 22px;
+  padding: 5px 14px;
+  width: 250px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon {
+  flex: 24px 0 0;
+  height: 20px;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon.hidden {
+  visibility: hidden;
+  display: inline-block;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-option_label {
+  flex: 0 1 100%;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-option_arrow-right-icon {
+  flex: 0 0 14px;
+  height: 20px;
+}
+.media-control-skin-1 .media-control-item.media-control-gear .gear-option_value {
+  flex: 1 0 auto;
 }*,
 :focus,
 :visited {
@@ -234,51 +279,6 @@
 }
 .gear-wrapper ul.gear-sub-menu li.current a .check-icon svg {
   display: inline;
-}.media-control-skin-1 .media-control-item.media-control-gear {
-  order: 99;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-wrapper {
-  position: absolute;
-  right: 16px;
-  bottom: 52px;
-  width: 250px;
-  min-height: 48px;
-  z-index: 9999;
-  border-radius: 4px;
-  box-shadow: 0 0 1px 1px var(--gplayer-mc-popup-border-color);
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-options-list {
-  padding: 8px 0;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-option {
-  margin: 0;
-  text-align: left;
-  line-height: 22px;
-  padding: 5px 14px;
-  width: 250px;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 8px;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon {
-  flex: 24px 0 0;
-  height: 20px;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon.hidden {
-  visibility: hidden;
-  display: inline-block;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-option_label {
-  flex: 0 1 100%;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-option_arrow-right-icon {
-  flex: 0 0 14px;
-  height: 20px;
-}
-.media-control-skin-1 .media-control-item.media-control-gear .gear-option_value {
-  flex: 1 0 auto;
 }:root {
   --primary-background-color: #000;
   --secondary-background-color: #262626;
@@ -679,63 +679,6 @@
 .context-menu .context-menu-list-item_icon {
   width: 20px;
   height: 20px;
-}@charset "UTF-8";
-.gplayer-mc-clips {
-  display: flex;
-  gap: 6px;
-}
-.gplayer-mc-clips .gplayer-mc-clips-text {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: inline-block;
-  text-overflow: ellipsis;
-  color: white;
-  cursor: default;
-  line-height: var(--bottom-panel);
-  position: relative;
-  max-width: 150px;
-}
-.gplayer-mc-clips .gplayer-mc-clips-text::before {
-  content: "•";
-  padding-right: 6px;
-}
-.gplayer-mc-clips .gplayer-mc-clips-text.compact {
-  max-width: 100px;
-}div.player-error-screen, [data-player] div.player-error-screen {
-  color: #CCCACA;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  z-index: 2000;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-div.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {
-  font-size: 14px;
-  color: #CCCACA;
-  margin-top: 45px;
-}
-div.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {
-  font-weight: bold;
-  line-height: 30px;
-  font-size: 18px;
-}
-div.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {
-  width: 90%;
-  margin: 0 auto;
-}
-div.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {
-  font-size: 13px;
-  margin-top: 15px;
-}
-div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
-  cursor: pointer;
-  width: 30px;
-  margin: 15px auto 0;
 }.dvr-controls {
   --disabled-opacity: 0.3;
   --circle-radius: 5px;
@@ -793,6 +736,40 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 .dvr-controls .live-button:hover {
   opacity: 1;
   text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;
+}div.player-error-screen, [data-player] div.player-error-screen {
+  color: #CCCACA;
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 2000;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+div.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {
+  font-size: 14px;
+  color: #CCCACA;
+  margin-top: 45px;
+}
+div.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {
+  font-weight: bold;
+  line-height: 30px;
+  font-size: 18px;
+}
+div.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {
+  width: 90%;
+  margin: 0 auto;
+}
+div.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {
+  font-size: 13px;
+  margin-top: 15px;
+}
+div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
+  cursor: pointer;
+  width: 30px;
+  margin: 15px auto 0;
 }*,
 :focus,
 :visited {
@@ -928,14 +905,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 }
 .multicamera[data-multicamera] li.current a {
   color: #f00;
-}.media-control-skin-1 .media-control-item.media-control-pip {
-  order: 95;
-}
-.media-control-skin-1 .media-control-item.media-control-pip button {
-  height: 20px;
-}
-.media-control-skin-1 .media-control-item.media-control-pip button svg {
-  height: 20px;
 }[data-player] {
   --bottom-panel: 40px;
 }
@@ -1591,12 +1560,14 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 }
 .player-poster .play-wrapper svg path {
   fill: #fff;
-}.quality-levels li.disabled {
-  opacity: 0.5;
-  pointer-events: none;
+}.media-control-skin-1 .media-control-item.media-control-pip {
+  order: 95;
 }
-.quality-levels li.current {
-  background-color: #000;
+.media-control-skin-1 .media-control-item.media-control-pip button {
+  height: 20px;
+}
+.media-control-skin-1 .media-control-item.media-control-pip button svg {
+  height: 20px;
 }.seek-time {
   position: absolute;
   white-space: nowrap;
@@ -1630,6 +1601,12 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 .seek-time .seek-time__duration::before {
   content: "|";
   margin-right: 7px;
+}.quality-levels li.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.quality-levels li.current {
+  background-color: #000;
 }.share_plugin[data-share] {
   pointer-events: auto;
   z-index: 5;
@@ -1713,27 +1690,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
   display: inline-block;
   margin-right: 5px;
   cursor: pointer;
-}.container-with-poster-clickable .mc-skip-time {
-  height: 0;
-}
-
-.mc-skip-time {
-  position: absolute;
-  width: 100%;
-  height: calc(100% - 50px);
-  z-index: 9998;
-  background-color: transparent;
-  font-family: Roboto, "Open Sans", Arial, sans-serif;
-}
-.mc-skip-time .skip-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.mc-skip-time .skip-container .skip-item {
-  flex: 1 0 0px;
-  height: 100%;
 }.spinner-three-bounce[data-spinner] {
   position: absolute;
   width: 70px;
@@ -1772,53 +1728,50 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
   40% {
     transform: scale(1);
   }
-}.media-control-skin-1 .media-control-cc button.media-control-button {
-  display: flex;
-  justify-content: center;
-  padding: 0;
-  align-items: center;
-  vertical-align: top;
-}
-.media-control-skin-1 .media-control-cc button.media-control-button:hover {
-  color: white;
-}
-.media-control-skin-1 .media-control-cc ul li {
-  text-align: center;
-}
-.media-control-skin-1 .media-control-cc ul li a {
-  height: 30px;
-  padding: 5px 10px;
-  color: #fffffe;
-}
-.media-control-skin-1 .media-control-cc ul li a:hover {
-  background-color: rgba(0, 0, 0, 0.4);
+}.container-with-poster-clickable .mc-skip-time {
+  height: 0;
 }
-.media-control-skin-1 .media-control-cc ul li.current a {
-  background-color: rgba(0, 0, 0, 0.4);
+
+.mc-skip-time {
+  position: absolute;
+  width: 100%;
+  height: calc(100% - 50px);
+  z-index: 9998;
+  background-color: transparent;
+  font-family: Roboto, "Open Sans", Arial, sans-serif;
 }
-.media-control-skin-1 .media-control-cc ul li:first-child a {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+.mc-skip-time .skip-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
 }
-.media-control-skin-1 .media-control-cc ul li:last-child a {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+.mc-skip-time .skip-container .skip-item {
+  flex: 1 0 0px;
+  height: 100%;
+}@charset "UTF-8";
+.gplayer-mc-clips {
+  display: flex;
+  gap: 6px;
 }
-.media-control-skin-1 .media-control-cc {
+.gplayer-mc-clips .gplayer-mc-clips-text {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  text-overflow: ellipsis;
+  color: white;
+  cursor: default;
+  line-height: var(--bottom-panel);
   position: relative;
-  order: 85;
+  max-width: 150px;
 }
-
-.container .gplayer-cc-line {
-  position: absolute;
-  bottom: calc(var(--bottom-panel) + 5px);
-  width: 100%;
+.gplayer-mc-clips .gplayer-mc-clips-text::before {
+  content: "•";
+  padding-right: 6px;
 }
-.container .gplayer-cc-line p {
-  width: auto;
-  background-color: rgba(0, 0, 0, 0.4);
-  color: white;
-  display: inline-block;
+.gplayer-mc-clips .gplayer-mc-clips-text.compact {
+  max-width: 100px;
 }.scrub-thumbnails {
   position: absolute;
   bottom: 52px;
@@ -1882,6 +1835,63 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 }
 .scrub-thumbnails .backdrop .carousel img {
   width: auto;
+}.media-control-skin-1 .media-control-cc button.media-control-button {
+  display: flex;
+  justify-content: center;
+  padding: 0;
+  align-items: center;
+  vertical-align: top;
+}
+.media-control-skin-1 .media-control-cc button.media-control-button:hover {
+  color: white;
+}
+.media-control-skin-1 .media-control-cc ul li {
+  text-align: center;
+}
+.media-control-skin-1 .media-control-cc ul li a {
+  height: 30px;
+  padding: 5px 10px;
+  color: #fffffe;
+}
+.media-control-skin-1 .media-control-cc ul li a:hover {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.media-control-skin-1 .media-control-cc ul li.current a {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.media-control-skin-1 .media-control-cc ul li:first-child a {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-control-skin-1 .media-control-cc ul li:last-child a {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.media-control-skin-1 .media-control-cc {
+  position: relative;
+  order: 85;
+}
+
+::cue {
+  visibility: hidden !important;
+  font-size: 0 !important;
+}
+
+.ios-fullscreen::cue {
+  visibility: visible !important;
+  font-size: 1em !important;
+}
+
+.container .gplayer-cc-line {
+  position: absolute;
+  bottom: calc(var(--bottom-panel) + 5px);
+  width: 100%;
+}
+.container .gplayer-cc-line p {
+  width: auto;
+  background-color: rgba(0, 0, 0, 0.4);
+  color: white;
+  display: inline-block;
 }.player-logo[data-logo] {
   position: absolute;
   z-index: 2;

package/dist/index.embed.js

@@ -1,3 +1,9 @@
+/**
+ * @public
+ * @param e
+ */
+function reportError(e) {
+}
 /**
  * @public
  * @param msg
@@ -58389,7 +58395,7 @@ class SourceController extends CorePlugin {
     }
 }
 
-insertStyle(".media-control-skin-1 .media-control-cc button.media-control-button {\n  display: flex;\n  justify-content: center;\n  padding: 0;\n  align-items: center;\n  vertical-align: top;\n}\n.media-control-skin-1 .media-control-cc button.media-control-button:hover {\n  color: white;\n}\n.media-control-skin-1 .media-control-cc ul li {\n  text-align: center;\n}\n.media-control-skin-1 .media-control-cc ul li a {\n  height: 30px;\n  padding: 5px 10px;\n  color: #fffffe;\n}\n.media-control-skin-1 .media-control-cc ul li a:hover {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.media-control-skin-1 .media-control-cc ul li.current a {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.media-control-skin-1 .media-control-cc ul li:first-child a {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.media-control-skin-1 .media-control-cc ul li:last-child a {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.media-control-skin-1 .media-control-cc {\n  position: relative;\n  order: 85;\n}\n\n.container .gplayer-cc-line {\n  position: absolute;\n  bottom: calc(var(--bottom-panel) + 5px);\n  width: 100%;\n}\n.container .gplayer-cc-line p {\n  width: auto;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: inline-block;\n}");
+insertStyle(".media-control-skin-1 .media-control-cc button.media-control-button {\n  display: flex;\n  justify-content: center;\n  padding: 0;\n  align-items: center;\n  vertical-align: top;\n}\n.media-control-skin-1 .media-control-cc button.media-control-button:hover {\n  color: white;\n}\n.media-control-skin-1 .media-control-cc ul li {\n  text-align: center;\n}\n.media-control-skin-1 .media-control-cc ul li a {\n  height: 30px;\n  padding: 5px 10px;\n  color: #fffffe;\n}\n.media-control-skin-1 .media-control-cc ul li a:hover {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.media-control-skin-1 .media-control-cc ul li.current a {\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.media-control-skin-1 .media-control-cc ul li:first-child a {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.media-control-skin-1 .media-control-cc ul li:last-child a {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.media-control-skin-1 .media-control-cc {\n  position: relative;\n  order: 85;\n}\n\n::cue {\n  visibility: hidden !important;\n  font-size: 0 !important;\n}\n\n.ios-fullscreen::cue {\n  visibility: visible !important;\n  font-size: 1em !important;\n}\n\n.container .gplayer-cc-line {\n  position: absolute;\n  bottom: calc(var(--bottom-panel) + 5px);\n  width: 100%;\n}\n.container .gplayer-cc-line p {\n  width: auto;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: white;\n  display: inline-block;\n}");
 
 const subtitlesOffIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M16.238 16.1C13.979 16.1 12.578 14.538 12.578 11.997C12.578 9.462 13.973 7.9 16.238 7.9C18.087 7.9 19.5029 9.127 19.6219 10.824H18.032C17.876 9.927 17.168 9.338 16.238 9.338C15.011 9.338 14.249 10.354 14.249 11.997C14.249 13.641 15.011 14.662 16.243 14.662C17.178 14.662 17.881 14.111 18.038 13.251H19.627C19.492 14.938 18.119 16.1 16.238 16.1ZM8.03198 16.1C5.77298 16.1 4.37299 14.538 4.37299 11.997C4.37299 9.462 5.76798 7.9 8.03198 7.9C9.88098 7.9 11.298 9.127 11.416 10.824H9.82697C9.67097 9.927 8.96198 9.338 8.03198 9.338C6.80598 9.338 6.04297 10.354 6.04297 11.997C6.04297 13.641 6.80596 14.662 8.03796 14.662C8.97296 14.662 9.67601 14.111 9.83301 13.251H11.422C11.287 14.938 9.91398 16.1 8.03198 16.1ZM22.5 3H1.5C0.672 3 0 3.671 0 4.5V19.5C0 20.329 0.672 21 1.5 21H22.5C23.329 21 24 20.329 24 19.5V4.5C24 3.671 23.329 3 22.5 3Z\"\n    fill=\"#C9C9C9\"/>\n</svg>\n";
 
@@ -58511,7 +58517,11 @@ class ClosedCaptions extends UICorePlugin {
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_DESTROYED, () => {
             this.clickaway(null);
         });
-        this.listenTo(this.core.activeContainer, 'container:advertisement:start', this.onStartAd);
+        // this.listenTo(
+        //   this.core.activeContainer,
+        //   'container:advertisement:start',
+        //   this.onStartAd,
+        // )
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_SUBTITLE_AVAILABLE, this.onSubtitleAvailable);
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_SUBTITLE_CHANGED, this.onSubtitleChanged);
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_CLICK, () => {
@@ -58531,6 +58541,7 @@ class ClosedCaptions extends UICorePlugin {
                 video.classList.remove('ios-fullscreen');
             }
         });
+        this.isPreselectedApplied = false;
     }
     onSubtitleAvailable() {
         trace(`${T} onSubtitleAvailable`, {
@@ -58546,10 +58557,13 @@ class ClosedCaptions extends UICorePlugin {
             this.clearSubtitleText();
         }
         for (const track of this.tracks) {
-            // Native subtitles are always hidden
-            track.track.mode = 'hidden';
             if (track.id === id) {
-                // track.track.mode = 'showing'
+                if (this.useNativeSubtitles) {
+                    track.track.mode = 'showing';
+                }
+                else {
+                    track.track.mode = 'hidden';
+                }
                 this.setSubtitleText(this.getSubtitleText(track.track));
                 track.track.oncuechange = (e) => {
                     try {
@@ -58567,7 +58581,7 @@ class ClosedCaptions extends UICorePlugin {
             }
             else {
                 track.track.oncuechange = null;
-                // track.track.mode = 'hidden'
+                track.track.mode = 'disabled';
             }
         }
     }
@@ -58580,16 +58594,24 @@ class ClosedCaptions extends UICorePlugin {
         catch (error) {
         }
     }
-    onStartAd() {
-        if (this.active && this.core.activeContainer) {
-            this.hide();
-            this.listenTo(this.core.activeContainer, 'container:advertisement:finish', this.onFinishAd);
-        }
-    }
-    onFinishAd() {
-        this.show();
-        this.stopListening(this.core.activeContainer, 'container:advertisement:finish', this.onFinishAd);
-    }
+    // private onStartAd() {
+    //   if (this.active && this.core.activeContainer) {
+    //     this.hide()
+    //     this.listenTo(
+    //       this.core.activeContainer,
+    //       'container:advertisement:finish',
+    //       this.onFinishAd,
+    //     )
+    //   }
+    // }
+    // private onFinishAd() {
+    //   this.show()
+    //   this.stopListening(
+    //     this.core.activeContainer,
+    //     'container:advertisement:finish',
+    //     this.onFinishAd,
+    //   )
+    // }
     onContainerResize() {
         const shouldShow = this.core.activeContainer &&
             isFullscreen(this.core.activeContainer.el) &&
@@ -58633,7 +58655,7 @@ class ClosedCaptions extends UICorePlugin {
             isFullscreen(this.core.activeContainer.el) &&
             this.track &&
             this.track.track.mode &&
-            Browser.isiOS) {
+            (Browser.isiOS || this.useNativeSubtitles)) {
             this.$line.hide();
             this.track.track.mode = 'showing';
         }
@@ -58686,7 +58708,7 @@ class ClosedCaptions extends UICorePlugin {
         // event.target does not exist for some reason in tests
         const id = (event.target ?? event.currentTarget).dataset?.item ??
             '-1';
-        localStorage.setItem(LOCAL_STORAGE_CC_ID, id); // TODO store language instead
+        localStorage.setItem(LOCAL_STORAGE_CC_ID, id); // TODO store language instead?
         this.selectItem(this.findById(Number(id)));
         this.hideMenu();
         return false;
@@ -58733,10 +58755,10 @@ class ClosedCaptions extends UICorePlugin {
         return this.$el.find('#gplayer-cc-menu li'); // TODO fix semantically
     }
     selectSubtitles() {
-        this.track ? this.track.id : -1;
+        const trackId = this.track ? this.track.id : -1;
         // TODO find out if this is needed
-        // this.core.activePlayback.closedCaptionsTrackId = trackId
-        this.core.activePlayback.closedCaptionsTrackId = -1;
+        this.core.activePlayback.closedCaptionsTrackId = trackId;
+        // this.core.activePlayback.closedCaptionsTrackId = -1
     }
     getSubtitleText(track) {
         const currentTime = this.core.activePlayback?.getCurrentTime() ?? 0;
@@ -58798,6 +58820,11 @@ class ClosedCaptions extends UICorePlugin {
             mediaControl.slot('cc', this.$el);
         }
     }
+    get useNativeSubtitles() {
+        const mode = this.core.options.cc?.mode ?? this.core.options.subtitles?.mode ?? 'custom';
+        // TODO or Safari? or iOS?
+        return mode === 'native';
+    }
     clickaway = mediaControlClickaway(() => this.hideMenu());
 }
 
@@ -61802,7 +61829,8 @@ class Thumbnails extends UICorePlugin {
     }
 }
 function parseVTT(vtt) {
-    const correctedVTT = vtt.startsWith('WEBVTT') ? vtt : 'WEBVTT\n\n' + vtt;
+    const correctedVTT = (vtt.startsWith('WEBVTT') ? vtt : 'WEBVTT\n\n' + vtt)
+        .replace(/(\d+:\d+:\d+),(\d+)/g, '$1.$2');
     const parser = new browserIndexExports.WebVTT.Parser(window);
     const cues = [];
     parser.oncue = (cue) => {
@@ -61813,6 +61841,7 @@ function parseVTT(vtt) {
             text: cue.text
         });
     };
+    parser.onparsingerror = reportError;
     // TextEncoder is available in all modern browsers and Node >=v11
     const uint8Array = typeof TextEncoder !== 'undefined'
         ? new TextEncoder().encode(correctedVTT)