В вид материалов:
Code
<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>