Hi again,
Well, things are not going so good...
I've converted the file to flv using Riva Encoder, and when I double-click the newly-created flv file it plays fine.
I've downloaded FlowPlayer (v 2.2.4 and v 3.0), and found numerous examples of how to embed flv files in a page, but can't get any of them to work.
Here's a couple of samples of what I've tried:
<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="videoFile: 'Movie.flv'"/>
</object>
--------------
<object width="300" height="240" classid="clsid:27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"> <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="http://www.macromedia.com/go/getflashplayer" src="FlowPlayerClassic.swf" flashvars="videoFile=Movie.flv"> </embed></object>
----------
and here's a sample page I downloaded from flowplayer.org, modified to point to my own files:
<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="js/flashembed.min.js"></script>
<!-- some minimal styling, can be removed -->
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script>
/*
use flashembed to place flowplayer into HTML element
whose id is "example" (below this script tag)
*/
flashembed("example",
/*
first argument supplies standard Flash parameters. See full list:
Flash OBJECT and EMBED tag attributes
*/
{
src:'FlowPlayerDark.swf',
width: 400,
height: 290
},
/*
second argument is Flowplayer specific configuration. See full list:
http://flowplayer.org/player/configuration.html
*/
{config: {
autoPlay: false,
autoBuffering: true,
controlBarBackgroundColor:'0x2e8860',
initialScale: 'scale',
videoFile: 'Movie.flv'
}}
);
</script>
</head>
<div id="page">
<h1>Simple Flowplayer <em>example</em></h1>
<p>
View source the page source to see how Flowplayer is installed.
</p>
<!-- this DIV is where your Flowplayer will be placed. it can be anywhere -->
<div id="example"></div>
<p>
<button onClick="location.href='index.html'">« back to examples</button>
</p>
</div>
---------------------
In all cases the examples display a blank screen on the web page, and in 2 of the examples I get the 'play' arrow, but nothing happens when I click it. According to what I've read, it's supposed to be really easy to get flv files working on a site... what am I doing wrong??
Many thanks for your input,
J.