Després de barallar-m'hi una mica, penjo una versió del codi de l'apunt anterior substituint el Javascript del Flowplayer pel sistema d'etiquetes clàssic object i embed. D'aquesta manera és més fàcil extrapolar què he fet per a altres casos (per exemple, amb un vídeo flash del Youtube). I, de passada, estalviem també una mica de Javascript… El codi que queda és necessari pel comportament particular del Safari 4 amb l'etiqueta video, tal com enllaço en el text explicatiu de l'altra versió.

Avís: Amb l'IE6 i l'IE7 pot caler recarregar la pàgina per a poder visualitzar el vídeo correctament fent servir aquest mètode. No n'he trobat la causa del cert, però m'imagino que podria estar relacionada amb el sistema de gestió de la memòria cau d'aquest CMS. Tingueu-ho present si veieu que l'espai del connector Flash apareix en blanc en aqueixes versions.

<video height="480" width="640" autobuffer controls poster="/videos/Meu_Tanganyika.png">
<!-- video per a Firefox 3.5 -->
<source src="/videos/Meu_Tanganyika.ogv" type="video/ogg; codecs=&quot;theora, vorbis&quot;"/>
<!--- video per a Safari -->
<source src="/videos/Meu_Tanganyika.mp4" type="video/mp4; codecs=&quot;mp4v.20.240, mp4a.40.2&quot;"/>
<object id="flowplayer" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="480">
<param name="movie" value="/flowplayer/flowplayer-3.1.3.swf" />
<param name="flashvars" value='config={"clip":{"autoPlay":true, "autoBuffering":true}, "playlist":[{"url":"http://www.cau.cat/videos/Meu_Tanganyika.png"}, {"url":"http://www.cau.cat/videos/Meu_Tanganyika.flv", "autoPlay":false}]}' />
<embed type="application/x-shockwave-flash" width="640" height="480" src="/flowplayer/flowplayer-3.1.3.swf" flashvars='config={"clip":{"autoPlay":true, "autoBuffering":true}, "playlist":[{"url":"http://www.cau.cat/videos/Meu_Tanganyika.png"}, {"url":"http://www.cau.cat/videos/Meu_Tanganyika.flv", "autoPlay":false}]}'/>
</object>
</video>
<!-- Javascript per a reproduir vídeo al Safari -->
<script>
function playPause() {
var myVideo = document.getElementsByTagName('video')[0];
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
</script>
<!--- Div contenidor del botó de reproducció del vídeo -->
<div id="playInput"></div>
<!--- Creació del botó de reproducció, necessari per al Safari, no apareix amb el Flash -->
<script>
var v = document.createElement("video");
if ( v.play ) {
document.getElementById('playInput').innerHTML = '<input type=button onclick="playPause()" value="Play/Pause" />';
}
</script>