一旦调用JavaScript函数，就暂停Flow-player。

Question

我正在使用 flowplayer 在我的项目中显示视频。我使用以下代码：

<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>

它工作正常。我有一个显示弹出窗口的跨度，其功能是

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

弹出窗口的CSS：

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

当这个弹出窗口即将到来时，它会显示在视频播放器的背面，因为视频正在播放，如下图所示。

视频暂停后，弹出窗口会出现在正确的位置。那么有什么方法可以在播放视频时显示弹出窗口，还有什么办法可以在调用showpop()函数后暂停视频？我希望弹出窗口如下所示：

任何人都可以帮我这样做吗？提前谢谢。

Answer 1

1

对于弹出窗口，请尝试将wmode设置为不透明。这将允许玩家尊重z索引。

取自流动作者网站的示例

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

有关详细信息，请参阅流程图wmode demo

2

要暂停视频，您应该可以在showpop功能中执行此类操作。

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

有关详细信息，请参阅player docs。