I am working on a module where i have to show all the videos list on the left side of a page with thumbnail.& videos player on the center which plays video after clicking. from the list.
Need suggestions for open source video player.

Recommended Answers

All 2 Replies

Hi,
I used JW Player, and from wat i saw in their documentations, it can make what you asked, also it has lots of addons, and it is free.

Just like what CoursesWeb suggested, jwplayer is your best choice. Another one is flowplayer both players supports pseudo-streaming by php and RTMP streaming. Depending on video extensions you currently have on your site, you can either decide which one to use. If you site's videos are flv either one can do the job equally. However, if the video extension is mp4 the best choice will be jwplayer. JWplayer can pseudo-stream mp4 files without the need of h264 streaming modules. All there is need to be done in mp4 preparation is to move the moov atom of the video.

Jwplayer has also a great javascript API which enables you to do a player targeting just by clicking on the thumbnail the video will load opn the player without page reload which mean a saving on bandwidth ( not much, but will add up later on). Please take a look at my Demo Here , and feel free to copy the source code for your need. The only thing I must beg you not to do is hot linking the jquery and player files from the source. The site hosting the playe and jquery files belongs to my brother and he works for google. If finds out that you are hotlinking his files, he can do alot of things to make your site a little bit miserable. Trust me they can do that, but at the same time we don't mind sharing things like codes as long as people knows how to play by the rules.

The linked demo above is running YouTube API loaded on jwplayer, but it can be easily modified with video hosted locally on your server.. of course that's another area and expertise asked in this forum a while back.

The javascript API general usage... based on the source codes of my demo, you will find something like this
`</li>

<li><a href="#" onclick="jwplayer().load('http://www.youtube.com/v/Xv24N8H1KyI')">
<img width="100" height="100" src="http://i.ytimg.com/vi/Xv24N8H1KyI/1.jpg" title="ACDC Highway to Hell..."/>

</li>`

Just replace the http://www.youtube.com/v/Xv24N8H1KyI (location of the video) and http://i.ytimg.com/vi/Xv24N8H1KyI/1.jpg (location of your image).

The main player javascript is this

<div id="container"></div>
<script type="text/javascript">
 jwplayer("container").setup({
autostart: true,
file: 'http://YourDomainDotCom/DefaultVideo.flv',
flashplayer: "http://YourDOmainDotcom/player.swf",
height: 370,
width: 710
 });
 </script>

The **

** is the target division where the player should appear..

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.