<img src="$OTHER1$" style="width: 100px; height: 100px;" />

<style type="text/css">
.Video {background:#eef5fa; border:1px solid #b0d1e8; padding:5px;}
.Video:hover {background:#fff;}
.VideoImg {border:1px solid #cae0f0; height:98px; width:150px; padding:3px; background:#fff;}
</style>

<div class="Video">
<a href="$ENTRY_URL$"><img src="$OTHER1$" class="VideoImg" title="$TITLE$" border="0"/></a><br>
<b>$TITLE$</b>
</div>

<style>
div.infClip {background:#FFF; border:1px solid #d5d5d5; padding:5px;}
div.infClip:hover {background:#fff;}
img.VideoImg {border:1px solid #d5d5d5; height:91px; width:154px; padding:1px; background:#fff;}
</style>
<div style="float:left;width:180px;"><div style="padding:0px 5px 10px 5px;">
<div class="infClip" onmouseover="$('#infClipTitle$ID$').show()" onmouseout="$('#infClipTitle$ID$').hide()">
<a href="$ENTRY_URL$">
<img src="http://i1.ytimg.com/vi/<?if(strpos($OTHER1$, 'www.youtube')='-1')?><?substr($OTHER1$,27)?><?else?><?substr($OTHER1$,31)?><?endif?>/default.jpg" border="0" class="VideoImg" title="$TITLE$" border="0" />
</a>
<div id="infClipTitle$ID$" style="display:none; padding:3px 3px; border:1px solid #ccc; border-left:0px; border-right:0px; background:#f7f7f7; margin:-27px -5px 0px -5px; position:absolute; width:162px;">
<marquee bgcolor="#f7f7f7" behavior="scroll"><b>$TITLE$</b></marquee>
</div>
</div>
</div></div>