php - Pause the Flow-player once a JavaScript function is called. -

i using flowplayer display videos in project. using following code:

<a href="<?php echo base_url()?>secure/<?php echo $videos->videolink?>" class="fplayer" id="flowplayer"> </a>  <script> $(document).ready(function()     {         $('div[id^="overlay_form"]').css({               left: ($(window).width() - $('div[id^="overlay_form"]').width()) / 2,             top: ($(window).width() - $('div[id^="overlay_form"]').width()) / 7,             position:'fixed'             });  }); </script> <script>  $f("flowplayer", "<?php echo base_url()?>js/flowplayer-3.2.18.swf", {   clip: {      autoplay : "true",     autobuffering : "true",     onstart: function() {            //msgs.innerhtml += "common clip event listener called\n";           return true;       },        onpause: function() {           //msgs.innerhtml = "paused";       },        onresume: function() {           resumingvideo();       }   },    }); </script> 

and working fine. have span display popup , function is

function showpop(id) {     $("#overlay_form"+id).fadein(1000); } 

css popup:

div[id^="overlay_form"]{ position: absolute; border: 5px solid #79baec; border-radius:5px; padding: 10px; background: white; width: 270px; height: 180px; } 

while popup coming, getting displayed @ of videoplayer since video getting played shown in image below.

once video paused, popup come in correct place. there way show popup while playing video , should pause video once showpop() function called ? want popup come shown below:

can me ? in advance.

1.

for popup try setting wmode opaque. allow player respect z-indexes.

example taken flowplayer site

flowplayer("player", {     src:"http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf",     wmode: "opaque" // allows html hide flash content     }, {     clip: {       url: 'http://stream.flowplayer.org/flowplayer-700.flv'     } }); 

for more detailed info see flowplayer wmode demo

2.

to pause video should able in showpop function.

$f("player").pause(); 

see player docs more info on this.