Estoy intentando rotar un video que se encuentra en pantalla completa en Chrome, pero está resultando ser imposible. Intenté con transform: rotate(180deg) !important, pero solo funciona mientras el video no está en pantalla completa.
como pueden observar, se supone que ´logré´ sobreescribir el estilo del user agent stylesheet, pero el video a pantalla competa sigue sin rotarse. ¿Alguna idea de qué pueda estar haciendo mal?
Gracias de antemano.
Edit: Actualicé la foto y organicé mejor el código
Código de los estilos:
.flip-video, .flip-video:fullscreen,
.flip-video::-webkit-media-controls-panel {
transform: rotate(180deg) !important;
transform-origin: center;
}
En el body:
<video controls preload="metadata" class="flip-video">
<source src="./9ee44195-f7cc-495f-b69d-15e7c56fc476.mp4"
type="video/mp4">
</video>