
How do I add a preview image?
I need to add a preview image so that it is not just black before someone clicks play on the video.
I have a png image saved, just need to get it to show up.
I've looked at some code for similar questions but have been unable to find a solution.
This is the code that I have to embed the video on the page.
<div id="video">
<center>
<script src="http://ne.edgecastcdn.net/000AB7/Experiential/swfobject.js" type="text/javascript"> </script>
<div style="WIDTH: 332px; PADDING-TOP: 20px; HEIGHT: 187px;">
<div id="player">This text will be replaced</div>
<script type="text/javascript">
var so = new SWFObject('http://ne.edgecastcdn.net/000AB7/Experiential/player.swf','mpl','332','187','0');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('autoplay','false');
var embedCode = so.addParam('flashvars','&file=http://wpc.0AB7.edgecastcdn.net/000AB7/Other/lifesize-3G.flv&autostart=false&skin=http://ne.edgecastcdn.net/000AB7/Experiential/PlayerSkin04.swf');
so.write('player');</script></div></center>
</div><!--video-->