2012-05-30 2 views
6

Я пробовал простой пример для HTML5, но он, похоже, не работает.HTML5 видео не играет

<!DOCTYPE html> 
<html> 
<body> 

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

</body> 
</html> 

Я попробовал пример на хроме, видео нагрузки, но он не играет, я могу увидеть видеокадры, если я переместить ползунок вперед и назад, но само видео оленья кожа играть.

UPDATE: Я получил доступ к этому на localhost (tomcat), все еще реагируя таким же образом. Также я заметил, что я не могу воспроизводить видео HTML5 на хром или firefox (обновлено).

+0

Это не допускается по соображениям безопасности. Откройте файл html локально, чтобы просмотреть видео или загрузить видео на сервер. Chrome предоставит эту ошибку: не разрешено загружать локальный ресурс. – jasssonpet

+0

Даже я столкнулся с одной и той же проблемой. Решение ниже не возможно, моя программа должна сканировать каталоги для видео и дать возможность играть. См. Ниже вопрос и помогите мне решить проблему: http://stackoverflow.com/questions/16834173/html-5-video-tag-not-working-from-tomcat-edit/16834215? noredirect = 1 # comment24274462_16834215 – bali208

ответ

2

Вы не можете загрузить локальный файл, подобный тегу HTML5 Video. Вам нужно будет использовать локальный хост или удаленный файл. Попробуйте установить mamp/wamp и загрузить его через виртуальный хост.

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

Я внесли некоторые изменения, все еще там, я обновил вопрос – frewper

+2

Я не согласен. Чтобы воспроизвести видео «HTML5», вам не нужен локальный хост, он может запускаться просто с вашего рабочего стола, i/e и HTML-файл, и видеоресурс, присутствующий локально. – SexyBeast

0

Попробуйте установить относительный uri для вашего видео. «D:/...» работает только на локальном компьютере, а не во всех браузерах.

0

Хром: содержит ли файл аудио? Если это так, и вы играете его на рабочем столе, подключите колонки к рабочему столу и проверьте.

Firefox: содержание H.264 не поддерживается

IE9: должны быть добавлены к вашей странице, следующей <meta http-equiv="X-UA-Compatible" content="IE=edge" />

0

Это может быть связано с видео encoding.Check кодирование видео и посмотреть, если Chrome поддерживает это. Это может быть возможной причиной, когда я столкнулся с ней. Попробуйте использовать некоторые кодировщики, например ff-mpeg, для кодирования видео.

2

Я не согласен с Алексом Переорой. Его можно загрузить с локального компьютера, просто указав имена файлов и/или пути.

У меня была аналогичная проблема, и оказалось, что IIS в Win 7 Pro не имеет mp4 в своих типах mime. Необходимо добавить добавить тип mime. см. инструкции по добавлению типа mime в ссылку ниже.

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

3

Добавить "контроль", как флаг. Это позволяет браузеру запускать собственный код игрока на видео. Я попробовал это с файлом .mp4 в Chrome, и он работает.

0

использовать как формат он отлично работает во всех браузере:

<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

Я получил эту проблему, когда хостинг на IIS, и нашел решение Here. В моем случае даже включение полного URL-адреса видео в Chrome даст мне ошибку 404, потому что тип MIMM MP4 не существует в конфигурации сайта. Итак, я добавил .mp4 с MIME видео/mp4, и все получилось правильно. Незнайка, если это то же самое с котом, но это стоит попробовать ...

0

добавить autoplay loop к видео тег для воспроизведения автоматически следующим образом:

<!DOCTYPE html> 
<html> 
<body> 
<video width="320" height="240" autoplay loop> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 
</body> 
</html> 
Смежные вопросы