Error de JavaScript de mediasElement.js en IE

Question

Estoy usando mediaselement.js como mi reproductor de video HTML5 para un sitio en progreso. Funciona bien en Chrome, Safari y Firefox, incluso con el jugador de retroceso, pero en Internet Explorer obtengo el error de JavaScript aquí que se ve aquí: http://d.pr/jsfo. No parece estar cargando mi póster, o el estilo de mi jugador (que funciona bien en los otros navegadores).

El código del reproductor se está cargando dinámicamente, porque aparece en una caja de luz y hay múltiples videos que se pueden reproducir en la página. El JavaScript que inyecta el HTML está en la parte inferior de la página

Puedes ver el sitio de desarrollo en vivo en http://mindsmack.ryangiglio.com

Answer 1

Desafortunadamente, no puede insertar dinámicamente etiquetas HTML5 en IE porque rompe su anidación

<video>
   <source src="file.mp4">
   <source src="file.webm">
</video>

convertirse en

<video />
<source src="file.mp4">
<source src="file.webm">

Y luego mediaElement.js no puede entender dónde están los archivos de origen.

Mi recomendación sería poner un <video> Etiqueta en un lugar permanente en la página, luego prepare un objeto de medieve

var player = new MediaElementPlayer('#video');

Y luego, cuando estés listo para reproducir un video, solo llámalo

// single MP4
player.setSrc('newfile.mp4');

// OR multiple
player.setSrc([{src:'newfile.mp4',type:'video/mp3'},{src:'newfile.webm',type:'video/webm'}]);

// load and play
player.load();
player.play();

Además, debe eliminar el <object> incrustar html dentro del <video> Etiqueta ya que eso es solo para los casos en que los usuarios de IE no tienen habilitado JavaScript, y su aplicación requiere JavaScript.