Как установить ширину и высоту 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

The manual говорит:

Установите ширину и высоту 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"} 
       }); 

Answer 3

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

эти параметры не влияют на GUI (все остальное - элементы управления, плейлист и т. д.), размер которых контролируется CSS.

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