Monday, 15 March 2010

javascript - Div on top of iframe with Silverlight inside -



javascript - Div on top of iframe with Silverlight inside -

okay, learned viewright web player verimatrix called npapi plugin can overlayed html elements using technique involving "dummy iframe".

div on top of viewright-player

html on top of npapi plugin

now, far i've been able gather, silverlight appears npapi plugin (i may mistaking). tried same approach display div on top of silverlight web player website loaded within iframe.

unfortunately doesn't work... silverlight player loads sits on top of else. know setting windowless param true in player prepare it. since player isn't hosted me can't edit of object parameters.

here's test scenario based on "dummy iframe" method: 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>

i hope can help me create work :-)

thx

for deleted question php: attribute value of specific tag html [duplicate] miss s in

document.getelementsbyclassname('classname')

and can then

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

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

javascript jquery html css silverlight

No comments:

Post a Comment