Почему при использовании видео HTML5 в Chrome отображаются только элементы управления?

Question

Я использую следующий HTML5 для отображения видео, но в Chrome отображаются только элементы управления. Прекрасно работает в Safari и Firefox:

<video width="720" height="480" controls="controls" preload="preload">
    <source src="<?php bloginfo('url'); ?>/wp-content/uploads/Reel.ogv" type="video/ogg; codecs=theora,vorbis" >
    <source src="<?php bloginfo('url'); ?>/wp-content/uploads/Reel.mp4" type="video/mp4">
    Your browser doesn't support video.
</video>

Есть идеи?

Answer 1

Похоже, первый тег <source> имеет неверный атрибут типа:

<source src="<?php bloginfo('url'); ?>/wp-content/uploads/Reel.ogv" type="video/ogg; codecs=theora,vorbis" >

должно быть type="video/ogg; codecs='theora, vorbis'", если я правильно помню. Также просто попробуйте type = "video / ogg".