Блог

Как привязать кнопку, которая открывает jPlayer в режиме fullscren?

У меня есть пользовательская кнопка пользователя в моем html:

  <a onClick="javascript:$('#top_video_player').jPlayer('fullScreen');event.preventDefault();" class="button" href="#">Open in big Screen</a>
 

Но это не работает.

Я также пытаюсь:

 $('#top_video_player').jPlayer('option','fullScreen',true)
 

или

 $('#top_video_player').jPlayer('option',{fullScreen:true})
 

также попробуйте добавить class .jp-full-screen к моей кнопке (тегу) — тоже никакого эффекта):

Но снова не удалось — ничего не произошло

В моей инициализации jPlayer я привязываю ее к кнопке «enter», и она работает, но мне также нужно привязать другую кнопку html:

 keyBindings: {
                play: {
                    key: 32, // space
                    fn: function(f) {
                        if(f.status.paused) {
                            f.play();
                        } else {
                            f.pause();
                        }
                    }
                },
                fullScreen: {
                    key: 13, // enter
                    fn: function(f) {
                        if(f.status.video || f.options.audioFullScreen) {
                            f._setOption("fullScreen", !f.options.fullScreen);
                        }
                    }
                }
            },
 

Заранее спасибо.

Мне удалось сделать это с помощью:

$(‘#top_video’).data(‘jPlayer’)._setOption(‘Полноэкранный режим’, true);

где ‘top_video’ — идентификатор jplayer div