2012-06-20 3 views
0

Je suis embarquant mes vidéos avec JW lecteur http://www.longtailvideo.com/players/ et j'ai un problème avec les vidéos ne jouant pas sur Ipad ou Iphone à peu près je pense que la balise vidéo HTML5. La vidéo est juste noire. Code pour intégrer la divJW lecteur écran noir pour IPAD

<div id="jwplayer-1"></div>  
<script type="text/javascript"> 
     jwplayer('jwplayer-1').setup(
{"flashplayer":"<?php echo $jwplayer_folder; ?>/player.swf", 
"width":"550", 
"height":"500", 
"controlbar":"bottom", 
"icons":"true","playlist.position":"none","playlistsize":"180","repeat":"none", 
"shuffle":"false","bufferlength":"1", 
"smoothing":"true", 
"stretching":"uniform", 
"wmode":"opaque", 
"mute":"false", 
"volume":"90", 
"skin":"<?php echo $jwplayer_folder; ?>/skins/whotube.zip", 
"dock":"false", 
"autostart":"false", 
"file":"http://www.longtailvideo.com/jw/upload/bunny.mp4", 
"image":"<?php echo $image_slug; ?>", 
}); 
</script> 

Tout fonctionne très bien sur la fin du flash, il joue la vidéo sur un navigateur normal, mais sur l'iPad la vidéo bien ne pas jouer. Je sais que ce n'est pas question encode ou quoi que ce soit parce que j'utilise ce code juste sous la vidéo et il fonctionne ...

<video width="320" height="240" controls="controls"> 
<source src="<?php echo $video_slug ?>" type="video/mp4" /> 
<source src="movie.ogg" type="video/ogg" /> 
Your browser does not support the video tag. 
</video> 

Toutes les pensées ou des idées comme je l'ai essayé tout ce que je pense qu'il est probablement la façon dont je suis SETING le lecteur JW sur la méthode d'installation?

Merci!

+0

Yu chargent la méthode setup() avec des propriétés incorrectes, S'il vous plaît voir ma réponse pour le code correct. –

Répondre

1

Ok je comprends votre problème maintenant,

Le code ci-dessous semble fonctionner sur iPad/iPhone, Working Demo Here

Cette méthode prend en charge Fallback Flash comme bien, mais il joue principalement HTML5 Video (à condition que la vidéo n'a pas problèmes d'encodage.)

vous pouvez maintenant utiliser Php pour charger dynamiquement les noms image, vidéo, etc. dossier jw Si vous voulez vous débarrasser complètement de support flash, retirez
{ type: 'flash', src:'http://player.longtailvideo.com/player.swf'} à partir du nœud modes!

<script src="http://player.longtailvideo.com/jwplayer.js" type="text/javascript"></script>  

<p><div id="exampleHTML"></div></p> 

<script type="text/javascript"> 
jwplayer('exampleHTML').setup({ 
    height: 360, 
    image: "http://content.bitsontherun.com/thumbs/bkaovAYt-720.jpg", 
    levels: [ 
     { file: "http://content.bitsontherun.com/videos/bkaovAYt-injeKYZS.mp4", type:"video/mp4" }, 
     { file: "http://content.bitsontherun.com/videos/bkaovAYt-27m5HpIu.webm", type:"video/webm" } 
    ], 
    modes: [ 
     { type: 'html5' }, 
     { type: 'flash', src:'http://player.longtailvideo.com/player.swf'} 
    ], 
    width: 640 
}); 
</script>​ 

Capture d'écran de la vidéo Jouer sur iPad: enter image description here Gardez à l'esprit qu'il ya des limites avec jw HTML5 Player, vous pouvez les trouver here

+0

hey merci d'avoir pris le temps de répondre. Mon problème est que l'implémentation Jwplayer de la balise vidéo HTML5 ne fonctionne pas correctement ... la balise vidéo supplémentaire que j'ai fournie pour mon exemple était pour montrer que ça fonctionne quand j'utilise moi-même la balise vidéo pour que l'encodage de mes vidéos fonctionne . Encore une fois, le lecteur JW ne gère pas la balise vidéo HTML5 correctement ou quelque chose .. C'est mon problème. Merci encore pour votre temps. – Pengume

+0

Salut, Got it, j'ai mis à jour la réponse avec le code d'intégration jw mis à jour, Essayez de générer le code ci-dessus en utilisant Php. –

+0

wow merci tellement Quand j'ai une chance malade essayer et rapporter! – Pengume