Попытка получить хорошее HTML5 видео на моем сайте.Вот проблемы и наблюдения, наблюдаемые локально:
В Firefox 1. При наведении курсора мыши на видео видео останавливается, звук продолжается 2. Первое видео воспроизводится лучше, но не так хорошо, как в Chrome 32 других видео воспроизводятся плохо, звук воспроизводится, но видео заикается / останавливается
В Chrome 1. Изображение плаката видно на видео 1, не видно на видео 2 и 3 - вы просто видите элементы управления 2.видео воспроизводится хорошо, когда вы наводите курсор мыши на видео, не заикайтесь ... пауза и воспроизведение работают хорошо на всех 3 видео ...
Возможно, формат ogg не такой плавный, как в mp4?Кроме того, мне неясно, какие изменения в коде необходимы, когда запускает более 1 видео на странице .Я добавил идентификатор, но нет соответствующего css, так что я просто не уверен в этом ...
Вот код, который я использую:
<video id="vid2" video controls= "controls" preload="metadata" width="640" height="360" poster="video-blog/clarkekoiblog-greenhouse.jpg" tabindex="0">
<source src="video-blog/clarkekoiblog-greenhouse.mp4" type="video/mp4"><!--for chrome,safari-->
<source src="video-blog/clarkekoiblog-greenhouse.ogv" type="video/ogg"><!--for firefox-->
<source src="video-blog/clarkekoiblog-greenhouse.webmvp8.webm" type="video/webm">
<p><em> If you do not see a video here, please refer to the info at the bottom of the page</em></p>
</video>
Поиск комментариеврешение, чтобы сделать эту работу.СПАСИБО