动态设置FlowPlayer的属性

时间:2014-03-18 00:22:11

标签: javascript jquery flowplayer

我在ASP.NET Web窗体(VS 2010)中使用Flow Player,并希望动态设置其某些属性(如autoPlay)(从配置文件中读取)。但是autoPlay似乎没有动态设置。例如,以下代码将autoPlay设置为true(或false)正常工作:

function initialize(){

            player = flowplayer("flowPlayer", "<%=HttpType %>://releases.flowplayer.org/swf/flowplayer.commercial-3.2.15.swf", {
                key: '#$b9299630d834a59dcb9',
                clip: {
                    autoPlay: true,
                    autoBuffering: true,
                    scaling: 'fit',
                    onFinish: function () {

                    }
                },
                canvas: {
                    // configure background properties
                    background: '#000000',
                    // remove default canvas gradient
                    backgroundGradient: 'none'
                }
            });
        }

但是,从代码隐藏(从配置文件中获取值)获取值AutoPlay不起作用。有没有更好的动态设置值的方法?我找不到动态设置这些值的在线文档:

                            function initialize() {

            player = flowplayer("flowPlayer", "<%=HttpType %>://releases.flowplayer.org/swf/flowplayer.commercial-3.2.15.swf", {
                key: '#$b9299630d834a59dcb9',
                clip: {
                    autoPlay: <%=AutoPlay%>,
                    autoBuffering: true,
                    scaling: 'fit',
                    onFinish: function () {

                    }
                },
                canvas: {
                    // configure background properties
                    background: '#000000',
                    // remove default canvas gradient
                    backgroundGradient: 'none'
                }
            });
        }

谢谢!

1 个答案:

答案 0 :(得分:0)

<body/>

<div id="player" class="fixed-controls"></div>

HTML
<script>

$(function() { // make sure the DOM is ready
  $("#player").flowplayer({
    ratio: 5/12,
    rtmp: "rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st",
    playlist: [
      [
        { webm:  "http://stream.flowplayer.org/bauhaus.webm" },
        { mp4:   "http://stream.flowplayer.org/bauhaus.mp4" },
        { flash: "mp4:bauhaus" }
      ]
    ]
    }).one('ready', function(ev, api) {
      api.resume();
    });
});