Video Thumbnail

by Joe Saad

HTML

<span itemprop="thumbnail" content="http://cfvod.kaltura.com/p/1781281/sp/178128100/thumbnail/entry_id/0_u73a373y/version/100002/acv/162 (http://cfvod.kaltura.com/p/1781281/sp/178128100/thumbnail/entry_id/0_u73a373y/version/100002/acv/162)"></span>

<!--
<a class="myvideo" onclick="window.open(URL, '_blank', 'location=yes,height=500,width=600,scrollbars=no,status=yes');">your thumbnail or video goes here </a>
-->

<a class="myvideo">myVideo</a>

CSS

img {
    width: 400px;
    height: 333px;
}

JavaScript

var videoContent = $('span[itemprop="thumbnail"]').attr('content');

$('.myvideo').html('<img src="'+videoContent+'" />');

$('.myvideo').click(function(){
	window.open(URL, '_blank','location=yes,height=500,width=600,scrollbars=no,status=yes');
});