Master edge merge

docs/es-modules/interaction-area.html

@@ -86,9 +86,10 @@ <h3>Auto-zoom video cropping</h3>
 
     <script type="module">
       import cloudinary from 'cloudinary-video-player/all';
-      import 'cloudinary-video-player/cld-video-player.min.css';
       import 'cloudinary-video-player/interaction-areas';
 
+      import 'cloudinary-video-player/cld-video-player.min.css';
+
       const playerOption = {
         cloudName: 'demo',
         bigPlayButton: false,

docs/es-modules/recommendations.html

@@ -36,9 +36,10 @@ <h3 class="mb-4">Recommendations</h3>
     </div>
 
     <script type="module">
+      import { videoPlayer } from 'cloudinary-video-player';
       import 'cloudinary-video-player/recommendations-overlay';
+
       import 'cloudinary-video-player/cld-video-player.min.css';
-      import { videoPlayer } from 'cloudinary-video-player';
 
       const source1 = {
         publicId: 'surf_competition',

docs/es-modules/shoppable.html

@@ -36,10 +36,11 @@ <h3 class="mb-4">Shoppable Videos</h3>
     </div>
 
     <script type="module">
-      import 'cloudinary-video-player/cld-video-player.min.css';
       import { videoPlayer } from 'cloudinary-video-player';
       import 'cloudinary-video-player/shoppable';
 
+      import 'cloudinary-video-player/cld-video-player.min.css';
+
       const player = videoPlayer('player', {
         cloudName: 'demo'
       });

docs/es-modules/subtitles-and-captions.html

@@ -113,9 +113,10 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
 
     <script type="module">
       import { videoPlayer } from 'cloudinary-video-player';
-      import 'cloudinary-video-player/cld-video-player.min.css';
       import 'cloudinary-video-player/playlist';
 
+      import 'cloudinary-video-player/cld-video-player.min.css';
+
       const player = videoPlayer('player', {
         cloudName: 'demo'
       });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudinary-video-player",
-  "version": "2.0.4-edge.0",
+  "version": "2.0.3",
   "description": "Cloudinary Video Player",
   "author": "Cloudinary",
   "license": "MIT",

src/assets/styles/components/text-tracks.scss

@@ -7,6 +7,10 @@
     > div {
       margin: 3% !important;
     }
+    // Word highlight
+    &.cld-paced-text-tracks b {
+      color: var(--color-accent);
+    }
   }
   .vjs-text-track-cue {
     top: auto !important;