LinkBack URL
About LinkBacks
How to get FlowPlayer file to display on my site Hi all,
I was given a wmv file to display on our website, but have converted it to flv instead using Riva FLV Encoder to make it more widely accessible.
The FLV file plays fine, so the conversion seems to have worked ok, but I'm having a problem getting it to play on the site. It'll display the 'black screen', but doesn't do anything when I click it.
I've been searching online, and found lots of code to use javascript or html to embed the flv file in the web page, but can't get any of them to work.
Here's some examples of what I've done:
<object width="300" height="240" classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="(link to Macromedia's site)"> <param name="salign" value="lt"> <param name="quality" value="high"> <param name="scale" value="noscale"> <param name="movie" value="FlowPlayerClassic.swf"><param name="flashvars" value="videoFile=Movie.flv"><embed width="300" height="240" quality="high" scale="noscale" salign="LT" type="application/x-shockwave-flash" pluginspage="(link to Macromedia's site)" flashvars="videoFile=Movie.flv"> </embed></object>
(I had to change the 'codebase' and 'pluginspage' code because of error "You are only allowed to post URLs to other sites after you have made 10 posts or more")
The example above displays a black screen with nothing on it, and doesn't do anything when I click on it.
I also tried this:
<object type="application/x-shockwave-flash" data="FlowPlayerClassic.swf"
width="300" height="240" id="FlowPlayer">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="FlowPlayerClassic.swf" />
<param name="quality" value="high" />
<param name="scale" value="noScale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="config={videoFile: 'Movie.flv',
loop: false, autoPlay: false }" />
</object>
This example displays the black screen with the 'play' arrow, but it doesn't actually do anything when I click the arrow.
In both the examples above, I've changed the code / locations of my swf and flv files in various ways - entered the full url, put both the swf and flv files in the root directory, etc., but I've always kept the swf and flv files in the same directory.
----------------------
I copied the next example from ... Flowplayer.org I think, I'm not even sure now, I've tried so many things... and modified it to point to my .js file, flowplayerdark.swf and movie files, but again while it displays the start screen with the 'play' arrow, it doesn't do anything when I click it.
<head>
<title>Simple Flowplayer example</title>
<!--
include flashembed - which is a general purpose tool for
inserting Flash on your page. Following line is required.
-->
<script type="text/javascript" src="flowplayer/flashembed.min.js"></script>
<script>
flashembed("example",
{
src:'flowplayer/FlowPlayerDark.swf',
width: 400,
height: 290
},
{config: {
autoPlay: false,
autoBuffering: true,
controlBarBackgroundColor:'0x2e8860',
initialScale: 'scale',
videoFile: 'flowplayer/Movie.flv'
}}
);
</script>
</head>
<div id="page">
<h1>Simple Flowplayer <em>example</em></h1>
<!-- this DIV is where your Flowplayer will be placed. it can be anywhere -->
<div id="example"></div>
</div>
From what I've read, it's supposed to be really simple to get flv files working on a webpage, so what am I doing wrong??
Many thanks for any advice!
J.
Reply With Quote
