Question

播放器加载后，页面底部的绿色div会与播放器重叠。

我已尝试在对象标记和param标记中将wmode设置为“透明”，但这无济于事。

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<script type="text/javascript">
 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("<strong>" + data[channelid][0]['title'] + "</strong><br>" + data[channelid][0]['starttime'] + "<br>");


  $('.next').html("<strong>" + data[channelid][1]['title'] + "</strong><br>" + data[channelid][1]['starttime'] + "<br>");
});

}

function tvclear() {
  $('.now').html("No data");
  $('.next').html("No data");
}
</script>

<style type="text/css">
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;
}
</style>

</head>
<body onload="changeChannel('http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8', 0);">
<object id="ViewRightControl" type="application/x-viewright-m3u8" wmode="transparent">
<param name="wmode" value="transparent">
</object>
<div id="selectorHolder">

</div>
</body></html>

我正在使用Verimatrix的这个ViewRight插件（适用于Windows）： http://warehouse.yousee.tv.s3.amazonaws.com/misc/plugin/YouSee.msi

Answer 1

我找到了解决方案!!

这是一个NPAPI插件，这里有一种方法可以放置一些东西：HTML on top of NPAPI plugin

在ViewRight播放器之上划分

1 个答案: