在内部使用Silverlight的iframe顶部

时间:2014-06-18 16:48:49

标签: javascript jquery html css silverlight

好的,所以我最近了解到来自Verimatrix的ViewRight网络播放器是一个所谓的NPAPI插件,可以使用涉及"虚拟iframe"的技术覆盖HTML元素。

Div on top of ViewRight-player

HTML on top of NPAPI plugin

现在,就我能够收集而言,Silverlight似乎也是一个NPAPI插件(我可能会误会)。因此,我尝试使用相同的方法在加载在iframe内的其他网站的Silverlight网络播放器上显示DIV。

不幸的是,它不起作用......一旦Silverlight播放器加载,它就会置于其他一切之上。 我知道在播放器中将无窗口参数设置为true会修复它。但由于玩家不是由我主持的,我无法编辑任何对象参数。

这是一个基于"虚拟iframe"的测试场景。方法:http://jsfiddle.net/c7Hsp/

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
background: black;
cursor: auto;
-webkit-user-select: none;
user-select: none;
overflow: hidden;
}
:::-webkit-scrollbar { 
display: none; 
}
.wrapperDiv {
position: absolute;
bottom: 200px;
left: 200px;
width: 200px;
height: 200px;
margin: 0 auto;
}
.dummyFrame {
position: absolute;
top: 200px;
left: 200px;
width: 200px;
height: 200px;
background-color: red;
}
.contentDiv {
position: absolute;
top: 25px;
left: 25px;
width: 300px;
color: white;
font-family: Arial;
font-size: 18pt;
text-align: center;
background-color: green;
}
#silverFrame {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0px;
background: transparent;
}
</style>
</head>
<body>
<iframe id="silverFrame" src="http://clubace.dk/silverlight.htm"></iframe>
<div class="wrapperDiv">
<iframe class="dummyFrame" frameborder="0"></iframe>
<div class="contentDiv">Weee!<br>I'm overlaying this<br>NPAPI plugin :D</div>
</div>
</body>
</html>

我希望有人可以帮助我完成这项工作: - )

THX

1 个答案:

答案 0 :(得分:0)

删除的问题PHP:从HTML获取特定标记的属性值[复制] 你错过了

中的S.
document.getElementsByClassName('classname')

然后你可以

.
.
$attr = $tag->item(15);
$percent = $tag.style.heigth

http://www.w3schools.com/jsref/prop_style_height.asp