2010-02-12 17 views
15

Czy ktoś może podać zwięzłe instrukcje, jak mogę mieć grę flv z mojej strony html, proszę?grać flv w html

+0

Może to pomoże: http://stackoverflow.com/questions/99406/what-is-the-easiest-flv-player-for-embedding-video-on-a-bsite – Jaider

Odpowiedz

6

Zawiń wokół niego odtwarzacz flash, taki jak Flowplayer. Obecnie nie ma innej drogi; przeglądarki nie mogą same renderować pliku FLV.

Zobacz: installation guide for Flowplayer, krok po kroku, jak umieścić wideo bezpośrednio w kodzie HTML.

+0

ok, flowplayer dzięki .. co to pociąga za sobą? czy użytkownik będzie mógł wówczas oglądać wideo z Flash Playerem? – neeep

+0

Tak. Flowplayer to plik Flash, który odtwarza wideo i umieszcza wokół niego elementy sterujące (odtwarzanie, pauza, głośność itp.).Wymaga wtyczki Flash, ale jeśli masz plik FLV, nie masz innego wyjścia. – Matchu

+0

Cieszę się, że działało :) Pamiętaj, aby kliknąć znak wyboru obok odpowiedzi, jeśli rozwiązuje problem, aby plakat został uznany :) – Matchu

-2

Umieść obiekt SWF w swoim kodzie HTML i przypisz go do atrybutów jako wideo, które będzie odtwarzane.

+0

Umieść obiekt SWF w swoim kodzie HTML i przypisz plik FLV w atrybutach jako wideo które zagrają Będziesz musiał być nieco bardziej zwięzły, proszę? – neeep

+1

Zobacz moją odpowiedź - oznacza to, że musisz osadzić odtwarzacz wideo Flash (plik SWF) w swoim kodzie HTML i poinformować go, gdzie znajduje się wideo FLV na twoim serwerze. Nie możesz po prostu bezpośrednio osadzić pliku FLV. – Matchu

+0

ok dzięki ... masz kod do tego? – neeep

1

Jestem prawie pewna, że ​​Shadowbox może również odtwarzać pliki FLV: http://www.shadowbox-js.com/

Jest czysty, minimal i dość prosty w konfiguracji.

+0

Shadowbox wygląda świetnie. Wykonuje efekt lightbox, którego potrzebowałem, a licencja komercyjna wynosi tylko 20 USD, w przeciwieństwie do 90 USD w przypadku odtwarzacza JW lub 60 USD w przypadku licencji komercyjnej FLVPlayer.com. – EfficionDave

+0

KOREKCJA: shadowbox używa odtwarzacza JW i nadal musisz kupić JW Player, jeśli zamierzasz go używać do celów komercyjnych. Naprawdę nie rozumiem, dlaczego są tam jakieś darmowe/tanie odtwarzacze wideo flash. Nie potrzebuję niczego nadzwyczajnego, tylko prostego i czystego. – EfficionDave

31

Z video.js jest bardzo łatwy. Wszystko, co musisz zrobić, to obejmują js & css w głowie & następnie użyć kodu HTML5 jako:

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

Dalsze szczegóły: http://videojs.com/ Właściwie nie mogę znaleźć informacji na określony temat odtwarzania plików FLV. Ale działa dobrze. :)

Można używać innych formatów wideo za pomocą video.js wszystkim trzeba zmienić typ jest jak ...

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

Ponadto, może jakiś problem odnośnie przeglądarkę, czy twoja przeglądarka wspierać. Format mp4, nie mogłem odtwarzać .mp4 w chrome, ale działa dobrze w firefox. Spróbuj dodać więcej źródeł z tym samym filmem w różnych formatach. Jak ...

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

To tylko daje mi czarny prostokąt. – Jordan

+1

, ponieważ wyjaśnia to, jak grać wszystko inne, ale nie flv – Lahiru

1

Można spróbować https://github.com/Bilibili/flv.js

Z flv.js, dostaniesz:

  • Czysta HTML5 + JavaScript Video Player dla wideo FLV
  • Czysta HTML5 + JavaScript LiveStream Player dla strumieni http-flv
  • Bezbłędne doświadczenie
  • Mniejszy rozmiar niż H .264 Wideo

Flv.js korzysta z rozszerzenia MSE (Media Source Extensions), dlatego będzie dostępny tylko w przeglądarce Chrome 43+, Firefox, ale nie Safari Apple/iOS.

Flv.js natychmiastowo transmukuje strumienie flv do strumieni H.264, a następnie przesyła strumień H.264 do rozszerzeń Media Source. Będzie wyświetlany jako tag wideo w elemencie HTML z adresem URL typu blob.

Powiązane problemy