video html5 con fallback

[FDA]

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:

<!-- "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"];?>&amp;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"];?>&amp;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!!!

[emprear]

video.js tiene soporte para IE9 con html5 video, para ie8/7 utiliza flash (es el reproductor incorporado en el archivo video-js.swf que viene con la distribución. No es necesario insertar ningun object dentro del tag video para hacel el "fallback"
Lo que recomiendo es que en video.js, o video,min.js, modifique la ruta al archivo swf a tu propio servidor.
yo lo tengo asi (hay dos lugares donde editar)

if(CDN_VERSION!="GENERATED_CDN_VSN"){_V_.options.f lash.swf="video-js.swf"}
y
VideoJS.options={techOrder:["html5","flash"],html5:{},flash:{swf:"video-js.swf"}
y pongo el archivo en la carpeta del reproductor.

Demo
http://foros.emprear.com/html5/test-...o-js/demo.html
Lo que si es que a veces en IE el archivo tarda en cargar o no abre siempre correctamente.
Si no querés usar video.js, entonces pones el object dentro <video></video>, pero tenes que subir un video en swf o un flv+un reproductor.
Por último, tu forma de insertar el flash es obsoleta, usa este sistema
http://www.forosdelweb.com/f4/faqs-h...ml#post3474113

SAludos

[FDA]

Nada, no hay manera.

Dandole vueltas a formas surrealistas de que funcionara he terminado por usar una libreria de php para detectar el navegador.

En caso que no sea ie muestro el video en html5, en caso de ie en flash. Intente que funcionara en ie9 i sigue igual, así que los usuarios de ie tendrán que aguantarse y verlo en flash, total hasta las tipos son más feas en ie, es lo que hay.

Gracias por los consejos, me miro la forma de instertar flash!!!

[vitkates]

FDA, habría alguna manera de que me dijeras como hacer esa libreria php para que lo detecte? Cuales son los pasos a seguir?? pq a mi me pasa exactamente lo mismo, de hecho el ejemplo anterior del compañero emprear hace lo mismo, funciona en todos los navegadores menos en los IE y me he vuelto loco haciendo una y mil pruebas y nada, no soy capaz de que funcione el reproductor en IE...

Gracias de antemano por tu ayuda!