/ / Ridimensiona <Video> su Fallback su IE8 incorporato in <Oggetto>, il video viene ritagliato - html5, css3, video, internet-explorer-8, html5-video

Ridimensiona <Video> su Fallback su IE8 incorporato in <Object>, Video gets Cropped - html5, css3, video, internet-explorer-8, html5-video

Ho un video di risoluzione 1166 X 720 in mp4 Formato. Il <video> tag funziona bene per IE9 +, Chrome, Safari. Quando do {width:90%} all'elemento video, si ridimensiona correttamente per adattarsi alle dimensioni dello schermo.

Sto applicando il fallback a <object> mettendo un Quick Time Player per IE8. Ma ora dando {larghezza: 90%;} a <object> invece non ridimensiona il video colture il video per regolarne le dimensioni.

Provai VideoJS, Non esegue il rendering dei video in IE8. IE8 odia <video>, Ma devo farlo funzionare.

Usato Flowplayer , Ma il problema del ridimensionamento continua a ripetersi.

Quale può essere una soluzione fattibile? Modifica della risoluzione del video o qualche CSS Hack per IE8 Fallback?

risposte:

1 per risposta № 1

Potrebbe valere la pena provare uno stile in linea, se non hai già ...

<object style="width:90%">

oppure avvolgi l'elemento video in un div che ridimensiona e rendi il video largo al 100%.