How to bind a button that open jPlayer in fullscren mode -


how bind button open jplayer in fullscren mode ?

i have custom user button in html:

 <a onclick="javascript:$('#top_video_player').jplayer('fullscreen');event.preventdefault();" class="button" href="#">open in big screen</a> 

but don't work.

i try:

$('#top_video_player').jplayer('option','fullscreen',true) 

or

$('#top_video_player').jplayer('option',{fullscreen:true}) 

also try add class .jp-full-screen button ( tag ) - no effect ):

but failed again - nothing happened

in jplayer initialization bind "enter" button , works - need bind html button:

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);                         }                     }                 }             }, 

thanks in advance.

i have managed using:

$('#top_video').data('jplayer')._setoption('fullscreen', true);

where 'top_video' - jplayer div id


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -