<!-- player container--> <a href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv" style="display:block;width:425px;height:300px;" id="player"> </a><!-- here is the content for the plugin --> <div id="theContent" style="display:none"> <p>This big overlay is a content plugin</p> </div>flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", { plugins: { content: {
// the only required property url: 'flowplayer.content-3.2.0.swf',
<!-- player container-->
<a
href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv"
style="display:block;width:425px;height:300px;"
id="player">
</a><!-- here is the content for the plugin -->
<div id="theContent" style="display:none">
<p>This big overlay is a content plugin</p>
</div>flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
plugins: {
content: {
// the only required property
url: 'flowplayer.content-3.2.0.swf',
// some display properties
height: 220,
padding:30,
backgroundColor: '#112233',
opacity: 0.7,
// one styling property
backgroundGradient: [0.1, 0.1, 1.0],
/*** content plugin specific properties ***/
// fetch the actual HTML inside a DIV element on the page
html: document.getElementById("theContent").innerHTML,
// some styling for the content
style: {p: {fontSize: 40}}
},
// change default skin to "tube"
controls: {
url: 'flowplayer.controls-tube-3.2.5.swf'
}
}
});http://flowplayer.org/demos/ 上有一系列的演示demo。
http://wenku.baidu.com/view/bbf617651ed9ad51f01df2c1.html