68099

Div on top of ViewRight-player

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.

<!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>

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.

Answer1:

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

Recommend

  • MATLAB uicontrol callback return matrix
  • Using target on div without a href
  • Why do Unicode characters show up properly in database, but as ? when printed in Java via Hibernate?
  • How to use ctype_alpha with UTF-8
  • Python-3 Request parameter encoding error
  • Fill SVG path with a background-image without knowing height&width
  • Google Protocol Buffer error
  • Testing custom SOAP Headers in ASMX
  • use rvest and css selector to extract table from scraped search results
  • Jquery Google Maps V3 - Information window is always fixed to one marker
  • XSD assert not recognised
  • How to remove last utf8 char of a python string
  • NHibernate proxyexception
  • jinja2 template not found and internal server error
  • Wrapping text in spinner android
  • Making Google Visualization - Annotation Chart to work in GWT
  • Javascript CORS - No 'Access-Control-Allow-Origin' header is present
  • Xamarin Android | Layout style
  • Sending cookie value via httpget but not getting the desired response
  • Update Google Maps traffic layer without page reloading
  • JBoss External Properties Files in Classpath
  • Button click event not firing in jQuery
  • Chart.js Multiple dataset
  • Android - Material Design - NavigationView - How to put vertical scroll?
  • How do I get HTML corresponding to current DOM tree?
  • JQuery Internet Explorer and ajaxstop
  • JSON response opens as a file, but I can't access it with JavaScript
  • Jquery UI tool tip close icon
  • SSO with signing and signature validation doesn't work
  • Can a Chrome extension content script make an jQuery AJAX request for an html file that is itself a
  • Change an a tag attribute in JavaScript based on screen width
  • Circular dependency while pushing http interceptor
  • How to delete a row from a dynamic generate table using jquery?
  • AngularJs get employee from factory
  • using HTMLImports.whenReady not working in chrome
  • How to set the response of a form post action to a iframe source?
  • Change div Background jquery
  • Authorize attributes not working in MVC 4
  • EntityFramework adding new object to nested object collection
  • costura.fody for a dll that references another dll