Почему при использовании 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".