javascript - 在 jwplayer 5 中单击“播放”时打开新窗口

Question

旧的例子是 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>

谢谢

Answer 1

你可以将你的玩家对象包装在一个div中，将位置设置为绝对位置，然后在你的玩家对象后面做另一个div，位置为相对，顶部为0，左，0，右0，底部0(理论上应该将内部 div 扩展到内部，然后在其上添加单击事件以打开窗口并隐藏它的 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>