2010-02-12 30 views
15

¿Alguien puede dar una instrucción concisa sobre cómo puedo tener una flv play desde mi página html, por favor?play flv in html

+0

Tal vez esto podría ayudar: http://stackoverflow.com/questions/99406/what-is-the-easiest-flv-player-for-embedding-video-on-a-website – Jaider

Respuesta

6

Envuelva un reproductor flash a su alrededor, como Flowplayer. Actualmente no hay otra manera; los navegadores no pueden renderizar un FLV solo.

Vea el installation guide for Flowplayer, que lo guía paso a paso sobre cómo colocar el video directamente en su HTML.

+0

ok, flowplayer gracias .. ¿Qué implica eso? ¿Podrá el usuario ver el video con Flash Player? – neeep

+0

Sí. Flowplayer es un archivo Flash que reproduce el video y pone los controles (reproducción, pausa, volumen, etc.) a su alrededor.Requiere el complemento Flash, pero si tiene un archivo FLV, no tiene otra opción. – Matchu

+0

Me alegro de que funcionó :) Asegúrese de hacer clic en la marca de verificación junto a una respuesta si resuelve el problema, para que el póster obtenga crédito :) – Matchu

-2

Inserta un objeto SWF en tu HTML y asigna el FLV en los atributos como el video que se reproducirá.

+0

Inserte un objeto SWF en su HTML y asigne FLV en los atributos como el video que jugará Vas a tener que ser un poco más conciso por favor? – neeep

+1

Ver mi respuesta: significa que debe incrustar un reproductor de video basado en Flash (un archivo SWF) en su código HTML y decirle dónde vive el video FLV en su servidor. No puede simplemente incrustar directamente un archivo FLV. – Matchu

+0

ok gracias ... ¿tienes el código para eso? – neeep

1

estoy bastante seguro de que shadowbox también puede reproducir archivos FLV: http://www.shadowbox-js.com/

Es limpio, minimalista y bastante simple de instalar.

+0

Shadowbox se ve genial. Tiene el efecto de caja de luz que quería y la licencia comercial es de solo $ 20 en comparación con $ 90 para JW Player o $ 60 para la licencia comercial de FLVPlayer.com. – EfficionDave

+0

CORRECCIÓN: shadowbox realmente usa el JW Player y usted todavía tiene que comprar el reproductor JW si va a utilizarlo con fines comerciales. Realmente no entiendo por qué hay reproductores de video flash gratuitos/baratos. No necesito nada elegante, simplemente simple y limpio. – EfficionDave

31

Con video.js es muy fácil. Todo lo que necesita hacer es incluir js css & en la cabeza & luego use el código HTML5 como:

<head> 
    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"> 
    <script src="http://vjs.zencdn.net/c/video.js"></script> 
</head> 
<body> 
    <video id="video1" class="video-js vjs-default-skin" width="640" height="480" 
     data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'> 
     <source src="video1.flv" type="video/x-flv"> 
    </video> 
</body> 

Para más detalles: http://videojs.com/ En realidad, no he encontrado información especificada sobre la reproducción de archivos FLV. Pero funciona bien. :)

Puede utilizar otros formatos de vídeo utilizando Video.js todo lo que necesita para cambiar, sea del tipo que ...

<source src="..." type="video/mp4"> 

Por otra parte, es posible que algún problema con respecto a su navegador, ¿son compatibles con el navegador del. formato mp4, no pude jugar .mp4 en Chrome, pero funciona bien en Firefox. Intente agregar más fuentes con el mismo video en diferentes formatos. Como ...

<source src="video1.mp4" type="video/mp4"> 
<source src="video1.ogg" type="video/ogg"> 
<source src="video1.webm" type="video/webm"> 
+5

Esto me da un rectángulo negro. – Jordan

+1

porque esto explica cómo jugar todo lo demás pero no flv – Lahiru

1

Usted puede intentar https://github.com/Bilibili/flv.js

Con flv.js, obtendrá:

  • puro HTML5 + Javascript reproductor de vídeo para vídeos FLV
  • puro HTML5 + JavaScript LiveStream Player para secuencias http-flv
  • Experiencia impecable
  • Tamaño más pequeño que H .264 Videos

Flv.js utiliza MSE (Media Source Extensions) por lo tanto, solo estará disponible en Chrome 43+, Firefox pero no en Apple/iOS Safari.

Flv.js transmuxes instantáneamente flujos flv a flujos H.264 y luego empuja el flujo H.264 a Extensiones de origen de medios. Se mostrará como una etiqueta de video en un elemento HTML con una URL blob.