http://flowplayer.org/download/
フリーのflowplayer3.2.8をダウンロード
flowplayer-3.2.8.zipを解凍
flowplayer-3.2.8.min.js
flowplayer-3.2.8.swf
をred5サーバーの
/opt/red5/webapps/rootへコピーする。
http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.8.swfもダウンロード
同じく/opt/red5/webapps/rootへコピーする。

xoops、picoの一般設定で「コンテンツ毎のHTMLヘッダを許可する」を「はい」にする。

HTMLヘッダーに下記を書き込む
<script type="text/javascript" src="http://example.com:5080/flowplayer-3.2.8.min.js"></script>
<!-- some minimal styling, can be removed -->
<link rel="stylesheet" type="text/css" href="http://example.com:5080/VideoStyle.css">

本文ソースは下記
<p style="color: rgb(0, 0, 0);"><strong><font size="3">Flash Playerでストリーミング画像を再生しています</font></strong></p>
<div id="page">
<h1>モモとシュピ in 山中湖</h1>
<p>横浜に戻るときに山中湖に寄りました。寒かったけれどみんな元気でした</p>
<!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
<a style='display:block;width:424px;height:262px'
id='player'>
</a>
<!-- this will install flowplayer inside previous A- tag. -->????? <script>
????? flowplayer("player", "http://example.com:5080/flowplayer-3.2.8.swf", {
?
??? clip: {
??????? url: 'title.flv',
??????? // configure clip to use influxis as our provider, it uses our rtmp plugin
??????? provider: 'rtmp'
??? },
?
??? // streaming plugins are configured under the plugins node
??? plugins: {
?
??????? // here is our rtpm plugin configuration
??????? rtmp: {
??????????? url: 'http://example.com:5080/flowplayer.rtmp-3.2.8.swf',
?
??????????? // netConnectionUrl defines where the streams are found
??????????? netConnectionUrl: 'rtmp://example.com/oflaDemo'
??????? }
??? }
});
</script>
</div>

VideoStyle.css
body {
??? background-color:#fff;???
??? font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;
??? /* 2012.03.04 */
??? /*text-align:center;*/
}

#page {
??? background-color:#333333;
/*??? margin:50px auto; */
??? padding:20px 50px 20px 50px;
/*??? min-height:600px; */
/*??? border:2px solid #fff; */
/*??? outline:1px solid #ccc; */
??? text-align:left;
}

#page_wiget {
??? background-color:#efefef;
??? width:180px;
??? margin: auto;
??? padding:2px 2px 2px 2px;
??? min-height:144px;
/*??? border:2px solid #fff;
??? outline:1px solid #ccc; */
??? text-align:left;
}

h1, h2, h3 {
??? letter-spacing:-1px;???
??? margin-bottom:-10px;
}

h1 {
??? color:#f0e68c;
??? font-weight:bold;
??? font-size:22px;
}

h2 {
??? color:#ffffff;
??? font-weight:bold;
??? font-size:18px;
}

h3 {
??? color:#ffffff;
??? font-weight:bold;
??? font-size:15px;
}

.less {
??? color:#999;
??? font-size:12px;
}

a {
??? color:#295c72;??? ???
}

p {
??? color:#98fb98;??? ???
}

サンプルはこちらです。
http://www.sisj.net/modules/VideoDist/embed_test_flash.html

参考: flowplayer.org
http://flowplayer.org/