Entonces, tengo el código a continuación que agregará un título al video.
video.addEventListener("loadedmetadata", () => { video.play(); track = video.addTextTrack("captions", "English", "en"); track.mode = "showing"; track.addCue(new VTTCue(0, 100, username)); });
Lo estoy girando para reflejar el video con este css:
#video-grid > video { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); height: 300px; width: 400px; }
Sin embargo, el título también se está volteando. ¿Cómo puedo evitar que voltee el título o cómo voltearlo hacia atrás?
Simplemente transforma el texto de nuevo:
#video-grid > video::cue { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }