title: How to flip the video without flipping the captions?
body: <p>So, I have the code below that will add a caption to the video.</p>
  <pre><code>video.addEventListener(&quot;loadedmetadata&quot;, () =&gt; {
          video.play();
          track = video.addTextTrack(&quot;captions&quot;, &quot;English&quot;, &quot;en&quot;);
          track.mode = &quot;showing&quot;;
          track.addCue(new VTTCue(0, 100, username));
          
      });
  </code></pre>
  <p>I am rotating it to mirror the video with this css:</p>
  <pre><code>#video-grid &gt; video {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      height: 300px;
      width: 400px;
  }
  </code></pre>
  <p>However, the caption is also getting flipped. How can I avoid it to flip the caption or how to flip it back?</p>
  <p><a href="https://i.stack.imgur.com/8CcKk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8CcKk.png" alt="enter image description here" /></a></p>