6

Estoy tratando de descubrir mis opciones cuando se trata de reproducir audio y video a través de la web. Me venden en el HTML 5 <video /> y <audio />. Pero, me gustaría poder mostrar el video/audio flash si falla el video/audio HTML.¿Se puede usar un reproductor de video/audio HTML5 con un sistema de seguridad Flash?

¿Existe alguna manera fácil de detectar si el video/audio no se está reproduciendo por algún motivo, y luego cambiar el reproductor HTML5 por un reproductor Flash?

+2

¿has visto aquí http://stackoverflow.com/questions/3247338/when-should-html5-video-fall-back-to-flash-player –

Respuesta

1

Puede utilizar Modernizr para comprobar si es compatible con una etiqueta HTML5 específica o no y cambiar a fallar opción segura si no lo es, por ejemplo:

if (Modernizr.video) { 
    //start using HTML5's video tag 
} else { 
    // use flash 
} 

Aquí hay un tutorial sobre cómo utilizar Modernizr Deploy HTML5 & CSS3 w/ Modernizr

4

Puede insertar su alternativa de Flash como último elemento dentro de la etiqueta <video>, y se reproducirá si no lo hace el video HTML5. ejemplo

Véase Mark Pilgrim, ya que es integral y actualizado regularmente: http://diveintohtml5.ep.io/video.html#example

Para resumir:

<video> 
    <!-- HTML5 video --> 
    <source src="video.webm" type='video/webm; codecs="vp8, vorbis"'> 
    <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    <source src="video.mp4"> 

    <!-- Flash player fallback for user agents that don’t support HTML5 video --> 
    <!-- All user agents that don’t understand the <video> tag, or don’t support 
    the video formats you’ve provided, will show this instead. Even IE 6. --> 
    <object width="320" height="240" type="application/x-shockwave-flash" 
data="flowplayer-3.2.1.swf"> 
     <param name="movie" value="flowplayer-3.2.1.swf"> 
     <param name="flashvars" value='config={"clip": {"url": "video.mp4", "autoPlay":false, "autoBuffering":true}}'> 
    </object> 
</video> 
+0

+1 etiqueta de video html5 según lo previsto – kjy112

3

Si se puede elegir libremente el reproductor de vídeo Flash tratar JWPlayer tiene un respaldo HTML5/flash implementado

2

Recomendaría MediaElementJS.

Pero para responder a su pregunta, la naturaleza misma de los elementos de video, audio y fuente le permite presentar diferentes fuentes a los navegadores, que luego eligen lo que pueden reproducir. Si no puede jugar ninguno de ellos, siempre y cuando proporciones una alternativa de flash, continuará y usará eso.

Cuestiones relacionadas