1. casa
  2. Domanda e risposta
  3. Come far funzionare un video HTML5 utilizzando IE10

Come far funzionare un video HTML5 utilizzando IE10

2013-03-26 21 views
12

Spero che qualcuno abbia un'idea su cosa posso fare per aiutarmi a riprodurre video HTML5 sulla mia intranet locale.Come far funzionare un video HTML5 utilizzando IE10

Il server Web = Windows Server a 64 bit IIS versione = IIS7

ambiente di test per l'utente 2008 R2 Standard = Windows 7 Enterprise

video viene riprodotto perfettamente con

Video 'Google Chrome'

non riesce a giocare utilizzando 'IE10'

Il mio codice html è la seguente:

<!DOCTYPE html> 
<html> 
    <body> 
     <video src="AccReadings.mp4" width="400" height="300" preload controls> 
     </video> 
    </body> 
</html>

La mia macchina di prova utilizzando IE10 non riprodurre HTML5Rocks video 'http://craftymind.com/factory/html5video/CanvasVideo.html'

saluti,

Chris

fonte

2013-03-26 user2211781

+0

Quando si dice "non riesce a giocare" si ottiene un errore? –

risposta

1

io non ho installato IE10, tuttavia, secondo caniuseit, mp4 is supported in IE9 and 10.

Il seguente codice HTML funziona per me in IE9 & Chrome, si noti che il file video deve trovarsi nella stessa cartella della pagina html sul server (in questo esempio).

<!DOCTYPE html> 
<html> 
    <body> 
     <video src="abc.mp4" width="640" height="480" preload controls></video> 
    </body> 
</html>

Edit: Ho installato IE10 e posso confermare le opere di cui sopra anche lì.

Edit: Dato che Firefox non supporta mp4, e browser più vecchi non supportano nativamente il video a tutti, è meglio fornire più fonti (formati), e ripiegare, di solito per un player flash.

<!DOCTYPE html> 
<html> 
    <body> 
     <video width="640" height="480" preload controls> 
      <!-- mp4 supported by Chrome & IE9/10 --> 
      <source src="abc.mp4" type="video/mp4"></source> 
      <!-- webm supported by Firefox --> 
      <source src="abc.webm" type="video/webm"></source> 

      <!-- last element in video is fall back for native video support, usually a flash player --> 
      <object type="application/x-shockwave-flash ...> 
       <!-- last element flash player is usual fall back for flash support, usually some "not supported text" --> 
       <div> 
       Your browser does not natively support flash and you do not have flast installed. 
      </div> 
      </object> 
     </video> 
    </body> 
</html>

fonte

2013-03-26 14:38:10

+0

GrayKing, grazie per aver cercato di aiutare. Scusa ci è voluto tanto tempo per tornare da te ... Mi aspettavo una notifica via email se c'era una risposta a questa discussione. Il video si carica bene con Chrome, quindi il percorso sembra buono per l'MP4. Ho trovato una macchina con IE9 e ho trovato la stessa pagina bianca (senza errori) come con IE10. – user2211781

+0

Ho inserito il sito Web/pagina su un altro server Windows; questo è un server a 32 bit, stesso risultato. Alla fine ho intenzione di aggiungere fallback come suggerisci, ma mi piacerebbe che funzionasse prima con IE10/IE9. In realtà probabilmente userò JWPlayer alla fine. Il test video HTML5 è il mio modo di provare a scoprire perché JWplayer non funziona correttamente. Ritorna al flash player in IE10, ma riproduce solo l'audio e quando viene cliccato su Full screen, il Video finalmente suona. La modalità a schermo intero è riprodotta anche in modalità Flash. Spero che questo lo faccia da allora. – user2211781

+0

Sembra che potrebbe essere un problema con un file mp4 male codificato. Hai lo stesso comportamento con un file diverso? –

0

Ho avuto un sacco di problemi con IE10 riproduzione video html5. L'ultima cosa che ho controllato è stata la giusta: i video sono stati compressi con gzip. Controlla la configurazione del tuo server !!!

EDIT: sapere se i tuoi video sono sempre compressi dal server, utilizzare un proxy sniffer di rete come Charles per esempio, o anche debugger di IE e controllare l'intestazione risposta alla richiesta di file video. Se trovi Content-Encoding:gzip, allora dovresti controllare la configurazione del tuo server. Nel mio caso ho dovuto disabilitare la compressione gzip sui file video nel mio file .htaccess.

fonte

2013-06-06 11:50:17

+0

Sto avendo un problema simile, puoi darmi maggiori informazioni? Cosa devo controllare sul server? – Joelio

+0

Vedi modifica ... Spero che aiuti –

9

Ho appena avuto un problema simile, il mio sito HTML5 non ha funzionato affatto. Nessun messaggio di errore appena vuoto.

Il motivo era Windows7 N (UE - senza lettore multimediale).

Dopo aver installato il Windows Media Player, questo (e anche altri problemi) sono corretti. Spero che sia d'aiuto :)

fonte

2013-07-28 20:03:14

+0

Tu, signore, sei il mio DIO! Ho lottato per giorni su questo e la tua risposta ha risolto il mio problema. Una domanda: come nel nome di tutto ciò che è binario, lo hai capito? – rivarolle

+0

questa è una soluzione orribile: -/ hai un popup che dice ai tuoi utenti finali di installare WMP? –

3

Non sembra che funzioni in Win7 + IE10 per qualche motivo. Tutto il resto sembra buono. Testato contro le seguenti pagine, che include il test ie.microsoft.com.

http://ie.microsoft.com/testdrive/graphics/videoformatsupport/default.html http://www.w3.org/2010/05/video/mediaevents.html

Win7 IE9 - OK

Win7 IE10 - no

Win8 IE10 - OK

Win7 IE11 - OK

Win8 IE11 - OK

Screenshot di BrowserStack per la pagina di test MS. http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469

fonte

2014-02-12 18:41:53

0

Questo è il codice che uso per i miei video HTML5:

<div> 
<video id="example_video_1" class="video-js vjs-default-skin" 
controls preload="none" width="auto" height="auto" 
poster="path/to/image.png" 
data-setup='{"example_option":true, "autoplay": true}'> 
    <source src="path/to/video.ogv" type='video/ogg' /> 
    <source src="path/to/video.webm" type='video/webm' /> 
    <source src="path/to/video.mp4" type='video/mp4' /> 
    <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --> 
    <object class="vjs-flash-fallback" width="640" height="360" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowfullscreen" value="true" /> 
     <param name="flashvars" value='config={"playlist":["path/to/image.png", {"url": "path/to/video.flv","autoPlay":false,"autoBuffering":true}]}' /> 
     <!-- Image Fallback. Typically the same as the poster image. --> 
     <img src="path/to/image.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." /> 
    </object> 
</video>

Questo dovrebbe funzionare su tutti i dispositivi/i browser. Ho chiamato i wideos in che ordine specifico per consentire i browser moderni per caricare più veloci (cromo può giocare ogg/WebM/mp4 - da testare il mio video ogg/WebM sembrano caricare più velocemente di loro mp4 in modo che ridurrà i tempi di buffering)

fonte

2014-04-04 01:05:18 mcneela86

11

Assicurarsi di impostare il server Web in modo che utilizzi un tipo MIME per .mp4. Ho accidentalmente impostato .mp4 per utilizzare il tipo MIME video/mpeg, il video viene riprodotto in Chrome, ma non in IE11.

Inoltre è necessario assicurarsi che il video utilizza H264 codec video e AAC codec audio

fonte

2014-07-15 01:22:23 Adamy

+2

Ho avuto un video (caricato su Amazon S3) che aveva il tipo MIME sbagliato ('application/octet-stream'). IE10 era l'unico browser che si rifiutava di riprodurlo. Dopo aver cambiato il tipo MIME in 'video/mp4' (era un video mp4, ovviamente) IE10 ha iniziato a riprodurlo. –

0

ho avuto lo stesso identico problema. La mia risoluzione originale del video era 1920x1200. Sembra che IE10 abbia problemi con questo. I primi test con video a risoluzione inferiore hanno risolto il problema.

fonte

2015-02-22 16:25:17

Problemi correlati

 Problemi correlati