Buenas, llevo un cacao importante...
He onseguido que funcione perfectamente videojs en html5 en todos los navegadores excepto IE, hasta aquí todo normal.
El problema es que cuando tiene que hacer el fallback no lo hace, se queda aí con la imagen i el play en html sin saltar a flash.
El codigo es el siguiente:
Código PHP:
Ver original<!-- "Video For Everybody" v0.3.2-->
<!-- first try HTML5 playback. if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<video class="video-js vjs-default-skin" width="830" height="466" poster="videos/posters/<?php echo $row2["poster"];?>" controls data-setup="{}">
<!-- you must use `</source>` to avoid a closure bug in Firefox 3 / Camino 2! -->
<source src="videos/<?php echo $row2["ruta_mp4"]; ?>" type='video/mp4'>
<source src="videos/<?php echo $row2["ruta_webm"]; ?>" type='video/webm'>
<!-- IE only QuickTime embed: IE6 is ignored as it does not support `<object>` in `<object>` so we skip QuickTime
and go straight to Flash further down. the line break after the `classid` is required due to a bug in IE -->
<!--[if gt IE 6]>
<object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><! [endif]-->
<!-- non-IE QuickTime embed (hidden from IE): the self-closing comment tag allows non-IE browsers to
see the HTML whilst being compatible with serving as XML -->
<!--[if !IE]><!-->
<object width="830" height="466" type="video/quicktime" data="videos/<?php echo $row2["ruta_mp4"]; ?>">
<!--<![endif]-->
<param name="src" value="videos/<?php echo $row2["ruta_mp4"]; ?>" />
<param name="showlogo" value="false" />
<param name="autoplay" value="false" />
<!-- fallback to Flash -->
<object style="width:830px; height:466px;" width="830" height="466" type="application/x-shockwave-flash"
data="jwplayer/player.swf?image=videos/posters/<?php echo $row2["poster"];?>&file=videos/<?php echo $row2["ruta_mp4"]; ?>">
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
<param name="movie" value="jwplayer/player.swf?image=videos/posters/<?php echo $row2["poster"];?>&file=../videos/<?php echo $row2["ruta_mp4"]; ?>" />
<!-- fallback image. download links are below the video. warning: putting anything more than
the fallback image in the fallback may trigger an iPhone OS3+ bug where the video will not play
<img src="__POSTER__.JPG" width="640" height="360" alt="__Title of video__"
title="No video playback capabilities, please download the video below"
/> -->
</object><!--[if gt IE 6]><!-->
</object><!--<![endif]-->
</video>
(es un pequeño remix de diferentes codigos....)
Todas las rutas son correctas, por ahí no va el problema.
Debbugando he visto que si quito el
data-setup="{}" si que salta a flash, pero entonces el html5 se ve sin el skin de videojs i por lo tanto no puedo poner la pantalla completa.
Pensé en tirarlo todo a la mierda y passar a flash, pero tampoco consigo ningun reproductor que funcione bien en flash reproduciendo mp4...
Alguna idea???
Que reproductores utilizais?
Gracias!!!