2011-04-28 2 views
0

lors de la création d'un lecteur vidéo en utilisant html5 j'essaie de charger la vidéo à partir d'une autre source et a généré le balisage en fonction. comme indiqué ci-dessousImpossible d'afficher la vidéo?

var _vid = document.getElementById('vid'); 
$('#vid').html('<video width=300 height=200 id="vid" controls autoplay src="http://172.16.25.214/gems1_video/30032011.mp4"></video>'); 
var video = document.getElementById('video'); 
_vid = $(_vid).find('video').get(0); 
console.info(_vid); 
_vid.load(); 
_vid.play(); 

quand j'ouvrir ce fichier dans l'hôte local, il fonctionne très bien, mais quand je frappe l'url de l'autre serveur, il montre _vid est une toute idée non définie à ce sujet ..?

Répondre

1

Vous faites référence à des éléments qui n'ont pas été créés. De plus, je n'ai pas pu accéder au fichier vidéo.

Je re-écrit l'échantillon et lié à une vidéo sur mon propre serveur, vous pouvez le voir ici:

http://jsfiddle.net/thebeebs/Ye3Nf/

PS parce que votre code ne références Mp4 il ne jouera dans IE9, Safari et chrome (bien que le chrome abandonnera bientôt le support pour H.264). Vous devriez ajouter une source de WebM et peut-être même ogg aussi.

0
var _vid = document.getElementById('vid'); 

Cela ne devrait pas fonctionner tant que vous n'avez pas créé l'élément DOM. Vous essayez d'obtenir un élément qui n'existe pas encore.

Questions connexes