I know this is not the right place to raise this question. But I am left with no option because I have done googling but could not found the solution that resolve my problem. When i use flowplayerlight or flowplayerdark it does play the video. But i have to show the thumbnail as well that's why i go with the flowplayerLP. But when i use flowplayerLP neither it plays video nor it show thumbnail. My code is like this
<!-- some minimal styling, can be removed --> <link rel="stylesheet" type="text/css" href="/stylesheet/common.css"/>
<% if not @videos.empty? %> <% video = @videos[0] %> <% # video_file_name = VIDEO_LOCATION + "video_" + video.id.to_s + ".flv" if params[:id] ind=params[:id].to_i - 1.to_i end if ind video_file_name = "#{@videos[ind].id}.flv" else video_file_name = "#{@videos[0].id}.flv" end # + video.id.to_s + ".flv" %>
<input type="hidden" name="video_file_name" id="video_file_name" value="<%= video_file_name %>" > <% end %>
<div id="example"></div> <hr> <script>
/* use flashembed to place flowplayer into HTML element whose id is "example" (below this script tag) */ var api=flashembed("example",
/* first argument supplies standard Flash parameters. See full list: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701 */
{ src:'/swf/FlowPlayerLP.swf',
width: 400, height: 290,
thumbs: [ { thumbNail: 'test1.jpg', time: 10 }, { thumbNail: 'test2.jpg', time: 20 }, { thumbNail: 'test3.jpg', time: 30 }, { thumbNail: 'test4.jpg', time: 60 }
],
// Location of the thumbnail files thumbLocation: '/videos'
},
/* second argument is Flowplayer specific configuration. See full list: http://flowplayer.org/player/configuration.html */ {config: { autoPlay: false, autoBuffering: true, controlBarBackgroundColor:'0x7EDADA', initialScale: 'scale', videoFile: '/videos/<%= video_file_name %>'
}} );
</script> <hr> <hr> <% @videos. each {|v| %> <div id="video_div_<%= v.id %>" > <%=link_to v.name ,:controller=>'video',:id=>v.id %> Length: <%= v.duration %> Minute(s) <div> <% } %>