Buongiorno,
premetto che sono una novellina, alle prime armi con i linguaggi HTML e CSS.
Ho seguito la guida di HTML.it per aggiungere un video (ho utilizzato Miro Video Converter per ottenere i formati diversi da .mov, che è l'originale), in un sito mono-pagina che ho costruito, aggiungendo questo codice:

<div class="contenitore video">
<video id="un pesce" preload controls>
<source src="un%20pesce%20fuor%20d'acqua.mov" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="un pesce fuor d'acqua.oggtheora.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="un pesce fuor d'acqua.webmhd.webm" type='video/webm; codecs="vp8, vorbis"' />
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashvars" value='config={"clip":{"url":"HTML5Sample_flv.flv" ,"autoPlay":false,"autoBuffering":true}}' />
</object>
</video>
</div>

Il problema è che in Safari si vede bene, mentre in Chrome si sente solo l'audio e in Firefox si vede malissimo.
Qualcuno può aiutarmi?