【发布时间】：2014-05-15 03:14:58
【问题描述】：
http://clubace.dk/viewright_test.htm
播放器一加载，页面底部的绿色div就会被播放器覆盖。
我尝试在 object 标记和 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
【问题讨论】：
-
可以分享代码吗？
-
当然 :) 如果您使用的是 Chrome，只需在页面上按 Ctrl+U 或使用此 url view-source:clubace.dk/viewright_test.htm
-
什么是'z-index: 100;'在#selectorholder 中为？
-
这是我最初尝试将 div 放在对象标签上方的尝试。
-
没关系我只是想知道这就是全部，这是一个非常奇怪的问题我必须说：S