Как установить ширину и высоту для jPlayer - PullRequest
Новая
       9

Как установить ширину и высоту для jPlayer

2 голосов
/ 12 февраля 2012

Я использую библиотеку 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"

                });

Пожалуйста, помогите мне.

Ответы [ 3 ]

12 голосов
/ 12 февраля 2012

Не проверено, я думаю, ваш код должен выглядеть примерно так: 

 $("#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
Размеры меняются в соответствии с указанными типами файлов.

10 голосов
/ 13 февраля 2012

Параметры конструктора width и height, упомянутые в предыдущих ответах, будут влиять только на размеры самого элемента #jquery_jplayer_1, который содержит изображение плаката (если аудио) или видеоконтент.

эти параметры не влияют на ваш графический интерфейс (все остальное - элементы управления, список воспроизведения и т. Д.), Размер которого контролируется CSS.

Если вы используете одну из демонстрационных скинов jPlayer (например, «Синий понедельник»), вам нужны очень специфичные селекторы CSS, чтобы переопределить их правила или использовать флаг !important.

1 голос
/ 12 февраля 2012

В руководстве указано:

Установите ширину и высоту jPlayer с помощью опции конструктора jPlayer({size:Object}).

Размер полноэкранного изображения установлениспользуя опцию конструктора jPlayer({sizeFull:Object}).

, тогда как

ширина
Строка: (По умолчанию: [Видео: "480px"] [Аудио: "0px"])

высота
Строка: (по умолчанию: [Видео: "270px"] [Аудио: "0px"])

Это означает что-то вроде 

jPlayer({size:{width: "200px", height: "200px"}})

и завершить: 

 $("#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",
                    size: {width: "200px", height: "200px"}
                });
...