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/