2011-05-31 14 views
6

Utilicé el archivo mediaelement.js en mi sitio, utilicé como ejemplo un archivo .mp4 con códec H.264, funciona bien en todos los navegadores, pero no funciona en ninguna versión de Internet Explorer cuando publico el sitio, en mi localhost no tengo ningún problema (el flashback funciona bien), pero en mi servidor no funciona.Mal funcionamiento de Mediaelement.js en IE, no funciona flashback

El código de la que utiliza es:

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>VIDEO HTML5</title> 

    <script type="text/javascript" src="player_files/jquery.js"></script> 
    <script type="text/javascript" src="player_files/mediaelement-and-player.min.js"></script> 
    <link href="player_files/mediaelementplayer.min.css" rel="Stylesheet" /> 
</head> 

<body> 


<video id="video1" src="http://www.teletica.com/html5/videos/precious.mp4" width="640" height="360" poster="http://www.teletica.com/html5/videos/precious.jpg" controls="controls" preload="none"></video> 

<video width="640" height="360" id="video2" poster="videos/precious.jpg" controls="controls" preload="none"> 
    <source type="video/mp4" src="http://teletica.com/html5/videos/precious.mp4" /> 
    <source type="video/webm" src="http://teletica.com/html5/videos/precious.webm" /> 

    <object width="640" height="360" type="application/x-shockwave-flash" data="player_files/flashmediaelement.swf">   
     <param name="movie" value="player_files/flashmediaelement.swf" /> 
     <param name="flashvars" value="controls=true&file=http://teletica.com/html5/videos/precious.mp4" />   

     <img src="player_files/precious.jpg" width="640" height="360" alt="Here we are" title="No video playback capabilities" /> 
    </object> 
</video> 

<script type="text/javascript"> 
    $('video, audio').mediaelementplayer(); 
</script> 

El reproductor funciona en esta dirección "http://www.teletica.com/html5"

Respuesta

2

I tuvo el mismo problema y encontró una función no documentada en another post: mode:shim ~ no estoy seguro de lo que está haciendo, específicamente, pero parece forzar a todos los navegadores s para volver a encender el flash.

Desde cromo, ios, y otros estaban trabajando correctamente con vídeo HTML5, que utiliza los comentarios condicionales para especificar IE9 y forzar la caída hacia atrás (flash o Silverlight):

 var player = new MediaElementPlayer('video', { 
/*@cc_on 
@if (@_jscript_version == 9) 
      mode: 'shim', 
@end 
@*/ 
      // remove or reorder to change plugin priority 
      plugins: ['flash','silverlight'], 

      // etc... 

     } 
2

Un millón de gracias por el trabajo de investigación y la solución - terminé yendo con el código ligeramente más separados de

var options = {...} 

/*@cc_on 
    @if (@_jscript_version == 9) 
    options.mode = 'shim'; 
    @end 
@*/ 

$('video, audio').mediaelementplayer(options); 
-1

Desde su problema persiste sólo con su sistema, puede que haya un problema ya sea con su entorno o el reproductor de flash. Aquí hay algunas cosas que puede probar:

  1. Si tiene scripts en funcionamiento, intente deshabilitar esos scripts y volver a reproducir el video.
  2. Si tiene algún reproductor flash secundario como "Gnash", intente eliminarlos.
  3. Hay una pequeña posibilidad de que su jugador flassh podría estar dañado. Intenta reinstalarlo.
  4. Si ninguno de estos funciona, intente borrar cookies, caché, historial.

También puede volver a instalar su Internet Explorer y ver si funciona. ¡Todo lo mejor! :)

+0

Esto no responde a la pregunta de OP. – number5

1

sólo poner aquí para que otras personas lo ven, he intentado usar este código

/*@cc_on 
@if (@_jscript_version == 9) 
      mode: 'shim', 
@end 
@*/ 

Y llegó a tener problemas en Internet Explorer 9, parece que el navegador estaba haciendo una instancia de otra mi video que jugó sobre todo lo demás y que no pude controlar en absoluto. Terminé yendo con esto en su lugar.

if($.browser.msie && ($.browser.version == '8.0' || $.browser.version 
== '7.0')) 
     options.mode = 'shim';