web-dev-qa-db-fra.com

jouer flv en html

Quelqu'un peut-il donner une instruction concise sur la façon dont je peux faire jouer un flv à partir de ma page html s'il vous plaît?

htmlflv
15
neeep

Avec video.js, c'est très simple. Tout ce que vous avez à faire est d'inclure js & css dans head puis d'utiliser le code html5 comme:

<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>

Pour plus de détails: http://videojs.com/ En fait, je n'ai pas trouvé d'informations spécifiées sur la lecture des fichiers flv. Mais ça marche bien. :)

Vous pouvez utiliser d'autres formats vidéo en utilisant video.js tout ce que vous devez changer est de taper comme ...

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

De plus, il pourrait y avoir un problème concernant votre navigateur, votre navigateur prend-il en charge le format .mp4, je ne pouvais pas lire .mp4 en chrome, mais cela fonctionne bien dans firefox. Essayez d'ajouter plus de sources avec la même vidéo dans différents formats. Comme...

<source src="video1.mp4" type="video/mp4">
<source src="video1.ogg" type="video/ogg">
<source src="video1.webm" type="video/webm">
31
thegauraw

Enveloppez un lecteur flash autour de lui, comme Flowplayer . Il n'y a actuellement aucun autre moyen; les navigateurs ne peuvent pas simplement afficher un FLV seul.

Voir le guide d'installation de Flowplayer , vous expliquant étape par étape comment placer la vidéo directement dans votre code HTML.

6
Matchu

Vous pouvez essayer https://github.com/Bilibili/flv.js

Avec flv.js, vous obtiendrez:

  • Lecteur vidéo HTML5 pur + JavaScript pour les vidéos flv
  • Pure HTML5 + JavaScript LiveStream Player pour les flux http-flv
  • Une expérience sans faille
  • Taille plus petite que les vidéos H.264

Flv.js utilise MSE (Media Source Extensions) donc il ne sera disponible que sur Chrome 43+, Firefox mais pas Apple/iOS Safari).

Flv.js transfère instantanément les flux flv en flux H.264, puis envoie le flux H.264 aux extensions de source multimédia. Il s'affichera sous forme de balise vidéo dans l'élément HTML avec une URL blob.

1
Zhongrui Chen

Je suis assez certain que shadowbox peut également lire des fichiers FLV: http://www.shadowbox-js.com/

C'est propre, minimal et assez simple à installer.

1
rectangular

Un autre lecteur Flash très populaire est le JW Player, sur http://www.longtailvideo.com/ . Ils ont un assistant de configuration Nice qui génère le code dont vous avez besoin.

0
Frederick