Qualcuno sa di un modo per ridimensionare il video all'interno del lettore MEJS in modo che il lettore stesso gestisca qualsiasi letterboxing o columnboxing? Simile a come JWPlayer ha le opzioni 'fit' e 'fill'.mediaelement.js - Opzioni di ridimensionamento video (ad esempio "fit" o "riempimento")
In sostanza, ho un lettore che vive all'interno di un wrapper e ridimensiono il wrapper in base alla risoluzione dello schermo degli utenti. In questo modo:
<div id="video_dims_wrapper" style="width: 1280px; height: 720px;">
<video id="video_player" width="1280" height="720" controls="controls" preload="none" autoplay="autoplay" style="width: 100%; height: 100%;">
<source type="video/mp4" src="my_video.mp4" />
<source type="video/webm" src="my_video.webm" />
//Flash fallback removed for brevity
</video>
</div>
E poi ho appena ridimensionare il #video_dims_wrapper e l'elemento MEJS contenuto all'interno ridimensiona di conseguenza (a causa della larghezza: 100%; height: 100%; dichiarazioni di stile).
Questo metodo funziona bene se tutti i video sono dello stesso formato (16: 9 in questo caso), ma se vi capita di essere un video di un diverso rapporto di aspetto allora non ridimensiona all'interno il giocatore ma piuttosto ridimensiona le dimensioni totali del giocatore.
Quello che mi piacerebbe succedere è che il playe mantiene sempre un rapporto di 16: 9 e il video in scala per adattarsi al lettore e alle cassette delle lettere o alle colonne del giocatore, se necessario.
Qualcuno si imbatte in questo? Qualche soluzione?
Grazie per qualsiasi aiuto.