在jwplayer 5中单击play时打开新窗口

时间:2013-12-06 17:19:56

标签: javascript html jwplayer

旧的例子是megavideo.com .....当你点击一次播放按钮时,它会打开一个赞助商网站的新窗口。然后它会播放视频。

这可以在jw player 5中完成吗?

玩家代码:

<div id="mediaplayer">
            <script type="text/javascript" src="player.js"></script>
    <script type="text/javascript" src="player.js"></script>
        <script type="text/javascript">
        jwplayer("mediaplayer").setup({
            flashplayer: "player.swf",
            provider:'http',
            file: "file.mp4",
            screencolor: "000000",
            width: "875",
            height: "480",
            skin: "/player/skins/glow.zip",
            plugins: {
            'timeslidertooltipplugin-3': {}
            }

        });
        </script>
        </div>

由于

1 个答案:

答案 0 :(得分:1)

您可以将玩家对象包裹在div中,将位置设置为绝对我相信,然后在玩家对象之后执行另一个div,其中该位置为相对位置,顶部为0,左,0,右0,下0(理论上应该将内部div扩展到内部,然后在其上添加一个click事件来打开窗口并将其隐藏为div。

这基本上被称为玩家的叠加在上面。

<强>更新

<div class="container">
    <div id="mediaplayer"></div>
    <div class="overlay">&nbsp;</div>
</div>
<style>
  .container {
        position : relative;
        width : 258px;
        height : 203px;
  }

  .overlay {
      position : absolute;
      top : 0;
      left : 0;
      right : 0;
      bottom : 0;
      cursor : pointer;
  }
  </style>

<script type="text/javascript" src="player.js"></script>
<script type="text/javascript">
        jwplayer("mediaplayer").setup({
            flashplayer: "player.swf",
            provider:'http',
            file: "file.mp4",
            screencolor: "000000",
            width: "875",
            height: "480",
            skin: "/player/skins/glow.zip",
            plugins: {
            'timeslidertooltipplugin-3': {}
            }

        });

        $('.overlay').click(function() {
                 window.open("http://www.google.com");
                 jwplayer("mediaplayer").play(true);
                 $(this).hide();
        });
</script>