2012-05-30 19 views
6

Próbowałem prosty przykład HTML5, ale nie wydaje się działać.Film wideo HTML5 nie gra

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" controls="controls"> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 

</body> 
</html> 

Próbowałem na przykład chrom, ładunki wideo, ale to nie gra, nie mogę zobaczyć klatek wideo jeśli mogę przesunąć suwak iz powrotem, ale sam film doesnot luz.

UPDATE: Dostęp do tego na localhost (tomcat), nadal reaguje w ten sam sposób. Zauważyłem również, że nie mogę odtwarzać żadnych filmów HTML5 w chrome lub firefox (zaktualizowany).

+0

To jest niedozwolone ze względów bezpieczeństwa. Otwórz plik html lokalnie, aby obejrzeć wideo lub przesłać wideo na serwer. W Chrome wystąpi ten błąd: nie można załadować zasobu lokalnego. – jasssonpet

+0

Nawet mam ten sam problem, Rozwiązanie poniżej nie jest możliwe przez mój program powinien skanować katalogi wideo i dać opcję odtwarzania, Proszę zobaczyć poniższe pytanie i pomóc mi rozwiązać problem: http://stackoverflow.com/questions/16834173/html-5-video-tag-not-working-from-tomcat-edited/16834215? noredirect = 1 # comment24274462_16834215 – bali208

Odpowiedz

2

Nie można załadować pliku lokalnego w ten sposób za pomocą znacznika wideo HTML5. Będziesz musiał użyć lokalnego hosta lub odległego hostowanego pliku. Spróbuj zainstalować mamp/wamp i załaduj go przez wirtualny host.

<source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" /> 
+0

Zrobiłem kilka zmian, problem nadal istnieje, mam zaktualizowane pytanie – frewper

+2

Nie zgadzam się. Aby odtwarzać wideo w formacie HTML5, nie potrzebujesz lokalnego hosta, może on działać po prostu z twojego komputera, i/e zarówno plik HTML, jak i zasoby wideo są obecne lokalnie. – SexyBeast

0

Spróbuj ustawić względną wartość uri dla swojego wideo. "D:/..." działa tylko w systemie Windows, a nie we wszystkich przeglądarkach.

0

Chrome: Czy plik zawiera również dźwięk? Jeśli tak, a grasz na pulpicie, podłącz głośniki do pulpitu i sprawdź.

Firefox: Treść H.264 nie jest obsługiwany

IE9: The należy dodać do swojej strony po <meta http-equiv="X-UA-Compatible" content="IE=edge" />

0

Może to być spowodowane wideo encoding.Check kodowanie wideo i zobacz, czy Chrome popiera to. To może być możliwy powód, w obliczu którego stanąłem. Wypróbuj kodery takie jak ff-mpeg, aby zakodować filmy.

2

Nie zgadzam się z Alexem Pereorą. Można go załadować z komputera lokalnego, bazując tylko na nazwach plików lub ścieżkach.

Miałem podobny problem i okazało się, że IIS w Win 7 Pro nie ma mp4 w swoich typach MIME. Musisz dodać, dodaj typ MIME. zobacz instrukcje dodawania typu mime w linku poniżej.

html5 video is not playing mp4 error "Invalid Source"?

3

"kontrole" Dodaj jako fladze. Umożliwia przeglądarce uruchomienie własnego kodu odtwarzacza na wideo. Próbowałem tego z plikiem .mp4 w Chrome i to działa.

0

zastosowanie zarówno w formacie działa dobrze we wszystkich przeglądarce:

<video width="640" height="360" controls> 
    <!-- MP4 must be first for iPad! --> 
    <source src="unbelievable.mp4" type="video/mp4" /><!-- Safari/iOS video --> 
    <source src="movie.ogg" type="video/ogg" /><!-- Firefox/Opera/Chrome10 --> 
</video> 
0

mam ten problem, gdy gospodarzem na IIS i znalazł rozwiązanie Here. W moim przypadku nawet umieszczenie pełnego adresu URL filmu w Chrome spowodowałoby błąd 404, ponieważ typ MIME MP4 nie istniał w konfiguracji strony. Dlatego dodałem .mp4 z MIME video/mp4, i wszystko poszło dobrze. Nie wiem, czy to to samo z Tomcat, ale warto spróbować ...

0

dodać autoplay loop do tagu wideo do gry automatycznie w następujący sposób:

<!DOCTYPE html> 
<html> 
<body> 
<video width="320" height="240" autoplay loop> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 
</body> 
</html>