Har en superenkel grej jag vill göra. Fungerar precis som tänkt i alla webbläsare förutom just IE6 (IE7 fungerar t.ex)
Funktionen ser ut så här:
Kod:
function playMovie( baseUrl, movieId )
{
var oVideoPauseImg = document.getElementById( "videoPauseImg" );
if( oVideoPauseImg )
{
oVideoPauseImg.parentNode.removeChild( oVideoPauseImg );
}
document.getElementById( "theVideoPlayer" ).setAttribute( "src", baseUrl + "/play.php?client_customer_id=" + movieId );
if( isIE ) document.getElementById( "videoPlayer" ).style.setAttribute( "cssText", "display:block" );
else document.getElementById( "videoPlayer" ).setAttribute( "style", "display:block" );
}
Och HTML-strukturen:
Kod:
<div id="videoPlayer" style="display:none; width:0px; height:0px;">
<iframe id="theVideoPlayer" src="" width="325" height="280" border="0" frameborder="0" cellpadding="0" scrolling="no">
</iframe>
</div>
<div id="videoPauseImg">
<a href="javascript:void(0);" onclick="playMovie( '<?=$baseStreamUrl;?>', <?=$activeMovie['movieId'];?> ); return false;"><img src="images/pause.gif"></a>
</div>
Testa gärna skriptet på:
http://wepic.playstar.se/aka
(Tryck på den stora "Play Movie"-bilden eller på thumbnailsen)
Tusen tack på förhand!
//Nicklas