Fantastic mechanism to embed a video playlist for videos to be stored in SharePoint portal. FLV files again

This is just perfect for putting your wmv or mov or mp4 files onto a presentable interface in a SharePoint portal, embedding it into a CEWP.

Firstly, use the following converters to get file into a .flv format.  FLV file is more compress and smaller and can be consumed by an embedded flv flash player that can be embedded into SharePoint portal.

http://www.asoftwareplus.com/flv-player-free.html
http://www.dvdvideosoft.com/products/dvd/Free-Video-to-Flash-Converter.htm

Then the above's converters has a HTML example with JavaScript on how to plant the flash / flv file into a webpage.

There is a file called demo3.html that builts the page which the players sits on.

It writes out the JavaScript code.

Place all the converted flv files into a videos sub directory.
Place the thumbnail that links to the video in a thumbs sub directory.

In the videos.xml file.  Put in an xml section for every flv video file that you want in the playlist. Like below

<vid>
<flv>videos/MVI_7019.flv</flv>
<img>thumbs/tar2.png</img>
<desc>Movie Trailer: Watch this performance...</desc>
</vid>

See the above there is a reference to the flv file in the videos directory.  A .png file that is the thumbnail and a desc that pops up the description for the movie.

Below is a packaged up zip file with an example of the solution.  

https://docs.google.com/file/d/0B9_yNfhuCpxJZ1ZFNnZWZ2hiSEU/edit

Unzip it and you will see all the example files.

To plant it into SharePoint, created a document library call it say "VideoPlayer"  Plant everything expanded by the zip file into the library then -

Use a CEWP and with JavaScript open a dialog window like below

<STYLE type=text/css>.highlightit IMG {
FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 1
}
.highlightit:hover IMG {
FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7
}
</STYLE>
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr><td>&nbsp;</td>
</tr>
<tr>
<td align=center><a href="javascript:openMovies();" class="highlightit" title="View our Videos..."><img src="/VideoPlayer/SpringDinnerVideoPlayerImage.png" style="border:none" alt="View our 2014 Spring Dinner Videos..." /></a></td>
</tr>
</table>

<script type="text/javascript">

function openMovies()
{
var strParam1 = "/VideoPlayer/demo3.html";

winRef = window.open(strParam1,"Win_SpringDinner","height=480,left=450,location=no,menubar=no,resizable=yes,scrollbars=no,status=no,titlebar=no,toolbar=no,top=220,width=555",false); 

winRef.focus();
}

</script>