Designing a custom skin for this gallery - from default skin
Part 1
How did I include this video player into the page?
Well I used the same video gallery you saw eaarlier, gave it a single video and it automatically transformed in a video player. For this particular implementation in my html page I used no plugins, I just copied and pasted the upcoming code. That is all. It should work for you too after purchase provided you have the swf in the same folder.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
<param name="movie" value="preview.swf?video=wVIRQQs6NXc&types=youtube" />
<param name="allowFullScreen" value="true"/>
<param name="allowScriptAccess" value="always"/>
<param name="wmode" value="transparent"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="preview.swf?video=wVIRQQs6NXc&types=youtube" width="815" height="420" allowFullScreen="true" allowScriptAccess="always" wmode="transparent">
<!--<![endif]-->
<p>Alternative content</p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<param name="movie" value="preview.swf?video=wVIRQQs6NXc&types=youtube" />
<param name="allowFullScreen" value="true"/>
<param name="allowScriptAccess" value="always"/>
<param name="wmode" value="transparent"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="preview.swf?video=wVIRQQs6NXc&types=youtube" width="815" height="420" allowFullScreen="true" allowScriptAccess="always" wmode="transparent">
<!--<![endif]-->
<p>Alternative content</p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
Part 2