如何设置jPlayer的宽度和高度

Question

我正在使用jPlayer库,但我不知道如何设置宽度和高度

我的代码是:

 $("#jquery_jplayer_1").jPlayer({
                    ready: function(){
                        $(this).jPlayer("setMedia", {
                            m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"
                        }).jPlayer("play");
                    },
                    ended: function(event){
                        // $(this).jPlayer("play");
                    },
                    swfPath: "../../common/assets/jplayer/js",
                    supplied: "m4v"

                });

请帮我.

Answer 1

未经测试,我认为你的代码应该是这样的:

 $("#jquery_jplayer_1").jPlayer({
                    ready: function(){
                        $(this).jPlayer("setMedia", {
                            m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"
                        }).jPlayer("play");
                    },
                    ended: function(){
                         $(this).jPlayer("play");
                    },
                    swfPath: "../../common/assets/jplayer/js",
                    supplied: "m4v",
                    size: {
                         width: "400px",
                         height: "30px"
                    }
                });

我注意到你试图循环文件？我更改了函数调用,因为它似乎不需要(事件).

您应该阅读:http://jplayer.org/latest/developer-guide/#jPlayer-size
大小根据给定的文件类型而变化.

Answer 2

在width和height在前面的答案中提到的构造函数选项只会影响到的尺寸#jquery_jplayer_1包含海报图像元素本身(如音频)或视频内容..

这些选项不会影响您的GUI(其他所有内容 - 控件,播放列表等),其大小由CSS控制.

如果你正在使用其中一个演示jPlayer皮肤(例如"蓝色星期一"),你需要非常具体的CSS选择器来覆盖它们的规则,或者使用!important标志.