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

Open new window when you click play in jwplayer 5

本文关键字：新窗口 窗口 jwplayer 单击 播放      更新时间：2024-04-19

旧的例子是megavideo.com……当您单击播放按钮一次时，它将打开一个赞助商网站的新窗口。那么它将播放视频。

这可以在jw播放器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>

感谢

你可以将你的玩家对象包装在一个div中，我相信将位置设置为绝对，然后在玩家对象后面再做一个div，位置为相对，顶部为0，左，0，右0，底部为0（理论上应该将内部div扩展到内部，然后在上面添加一个点击事件来打开你的窗口并隐藏它）。

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

更新

<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>
相关文章：