title: Div on top of ViewRight-player
body: <p><a href="http://clubace.dk/viewright_test.htm" rel="nofollow noreferrer">http://clubace.dk/viewright_test.htm</a></p>
  
  <p>The green <code>div</code> at the bottom of the page is overlapped by the player as soon as the player loads.</p>
  
  <p>I've tried setting wmode to 'transparent' in both the object tag and the <code>param</code> tag, but that doesn't help.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"&gt;
  
  &lt;script type="text/javascript"&gt;
   function changeChannel(url, chanid)
    {
    var player = document.getElementById('ViewRightControl');
    var video = document.getElementById('video');
    if (video != null)
    {
      video.src = url;
      video.load();
      video.play();
    }
    else if (player != null)
    {
      player.Close();
      player.Open(url, false);
    }
      if(chanid != 0)
      {
        update(chanid);
      }
      else
      {
        tvclear();
      }
  
  }
  
  function update(channelid) {
    $.getJSON('api.php', function(data) {
    console.log(data[channelid][0]);
  
    $('.now').html("&lt;strong&gt;" + data[channelid][0]['title'] + "&lt;/strong&gt;&lt;br&gt;" + data[channelid][0]['starttime'] + "&lt;br&gt;");
  
  
    $('.next').html("&lt;strong&gt;" + data[channelid][1]['title'] + "&lt;/strong&gt;&lt;br&gt;" + data[channelid][1]['starttime'] + "&lt;br&gt;");
  });
  
  }
  
  function tvclear() {
    $('.now').html("No data");
    $('.next').html("No data");
  }
  &lt;/script&gt;
  
  &lt;style type="text/css"&gt;
  body {
      background: black;
      cursor: auto;
      -webkit-user-select: none;
      user-select: none;
      overflow: hidden;
  }
  :::-webkit-scrollbar { 
      display: none; 
  }
  #ViewRightControl {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1;
  }
  #selectorHolder {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 200px;
      background: green;
      z-index: 100;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body onload="changeChannel('http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8', 0);"&gt;
  &lt;object id="ViewRightControl" type="application/x-viewright-m3u8" wmode="transparent"&gt;
  &lt;param name="wmode" value="transparent"&gt;
  &lt;/object&gt;
  &lt;div id="selectorHolder"&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>I'm using this ViewRight plugin from Verimatrix (for Windows):
  <a href="http://warehouse.yousee.tv.s3.amazonaws.com/misc/plugin/YouSee.msi" rel="nofollow noreferrer">http://warehouse.yousee.tv.s3.amazonaws.com/misc/plugin/YouSee.msi</a></p>