Warum werden bei der Verwendung von HTML5-Videos in Chrome nur die Steuerelemente angezeigt?

Question

Ich verwende das folgende HTML5-Format zur Anzeige von Videos, aber nur die Steuerelemente werden in Chrome angezeigt. In Safari und Firefox funktioniert es gut:

<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>

Irgendwelche Ideen?

Answer 1

Sieht für mich aus wie der erste <source> Tag hat ein fehlerhaftes Attribut type:

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

sollte sein type="video/ogg; codecs='theora, vorbis'" wenn ich mich richtig erinnere. Probieren Sie auch einfach type="video/ogg".