Я думаю, потому что я все еще новичок, мне не разрешают оставлять комментарии?Итак, оставив это как ответ, хотя я думаю, что это больше похоже на предположения.
Начал играть с видео HTML5 неделю назад или около того.Я столкнулся с множеством проблем, которые в конечном итоге оказались из-за конвертированных файлов фильмов, с которыми я работал.Вот код, который я использовал для своих примеров:
<video id="movie" width="600" height="338" poster="http://yourDomain.com/yourDirectory/posterFrame.jpg" controls="true" autoplay="true">
<source src="http://yourDomain.com/yourDirectory/yourMovie.mp4" type='video/mp4' />
<source src="http://yourDomain.com/yourDirectory/yourMovie.webm" type='video/webm' />
<source src="http://yourDomain.com/yourDirectory/yourMovie.ogg" type='video/ogg; codecs="theora, vorbis"' />
<object width="600" height="338" type="application/x-shockwave-flash" data="http://whywouldyouclickthat.com/flowplayer/flowplayer-3.2.7.swf"><param name="movie" value="http://yourDomain.com/flowplayer/flowplayer-3.2.7.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value='config={"clip": {"url": "http://yourDomain.com/yourDirectory/yourMovie.mp4", "autoPlay":true, "autoBuffering":true},"plugins": {"controls": null}}' /></object>
</video>
Я смоделировал свой код после Погружения в HTML (видео) Марка Пилигрима запись.
Несколько вещейЯ могу подумать, чтобы попробовать:
1) Удалите дополнительные атрибуты из вашего тега.Я менее знаком с тем, что вы реализуете (onplaying, onpause), но, возможно, сначала попробуйте использовать только основы: ширину, высоту и элементы управления.Посмотрите, поможет ли это.
2) В своих тестах я конвертировал свои версии .ogg и .webm, используя Miro .По какой-то причине фильмы, казалось бы, воспроизводили файлы локально ... но когда я просматривал их несколько раз в своих браузерах, у меня появлялись пустые экраны.В итоге я использовал Firefogg , чтобы в конечном итоге конвертировать мои версии .ogg и .webm.Это было странное поведение.
Не уверен, что FFmpeg является нарушителем, и что-то, что вам нужно использовать как часть вашего рабочего процесса.Но если вы просто хотите, чтобы ваш код и примеры фильмов работали и работали, Firefogg помог мне.
В конце концов, я понял, в чем причина, когда я поменял рабочие версии других фильмов вместомои обращенные.Я бы порекомендовал вам попробовать подключить версии Big Buck Bunny .mp4, .webm и .ogg ... и посмотреть, сможете ли вы даже заставить их отображаться.По крайней мере, таким образом, вы можете изолировать, является ли это синтаксисом или проблемой преобразования.
3) Наконец, я бы рекомендовал тестировать один видеофайл и один браузер за раз.Это, вероятно, само собой разумеющееся, но все же стоит выбросить.
Sidenote: как только вы разберетесь с каждым типом файла, сначала убедитесь, что вы указали версию .mp4.Это из записи видео HTML5 от Pilgrim:
В iPad на iOS 3.x была ошибка, из-за которой они не могли заметить ничего, кроме первого источника видео в списке.iOS 4 (бесплатное обновление для всех iPad) исправляет эту ошибку.Если вы хотите доставить видео владельцам iPad, которые еще не обновились до iOS 4, вам нужно сначала указать свой файл MP4, а затем - бесплатные форматы видео.