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>
<% } %>
