在ViewRight播放器之上的Div [英] Div on top of ViewRight-player
问题描述
http://clubace.dk/viewright_test.htm
$
我试过把wmode设置为'透明'在对象标签和param标签，但是这并没有帮助。
<！DOCTYPE html>
< html>< head>
< meta http-equiv =Content-Typecontent =text / html; charset = utf-8>
< script type =text / javascript>
函数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）; （chanid！= 0）
{
update（chanid）;
}
else
{
tvclear（）;
$ b函数更新（channelid）{
$ .getJSON（'api.php'，function（data）{
console.log（data [channelid] [0]）;
$（'。now'）。html（< strong> + data [channelid] [0] ['title' ] +数据[channelid] [0] ['starttime'] +< br>）;
$（' （'strong>'）+ data [channelid] [1] ['title'] +< / strong>< br>+ data [channelid] [1] ['starttime' ] +< br>）;
}）;
$ b函数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;
宽度：100％;
身高：100％;
z-index：1;
}
#selectorHolder {
position：absolute;
bottom：0px;
left：0px;
宽度：100％;
height：200px;
背景：绿色;
z-index：100;
}
< / style>
< / head>
< body onload =changeChannel（'http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8'，0）;>
< object id =ViewRightControltype =application / x-viewright-m3u8wmode =transparent>
< param name =wmodevalue =transparent>
< / object>
< div id =selectorHolder>
< / div>
< / body>< / html>
我使用Verimatrix的这个ViewRight插件（用于Windows）：
http://warehouse.yousee.tv.s3.amazonaws.com/misc/插件/ YouSee.msi
希望有人可以帮我解决问题。
这是一个NPAPI插件，这里有一个方法来说明： http://clubace.dk/viewright_test.htm The green div at the bottom of the page is overlapped by the player as soon as the player loads. I've tried setting wmode to 'transparent' in both the object tag and the param tag, but that doesn't help. I'm using this ViewRight plugin from Verimatrix (for Windows):
http://warehouse.yousee.tv.s3.amazonaws.com/misc/plugin/YouSee.msi Hope someone can help me out. I found a solution!! It's a NPAPI plugin and here's a way to put something on top of that: HTML on top of NPAPI plugin 这篇关于在ViewRight播放器之上的Div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！<!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>
