Index: gpu/demos/pepper_gpu_demo.html |
=================================================================== |
--- gpu/demos/pepper_gpu_demo.html (revision 94518) |
+++ gpu/demos/pepper_gpu_demo.html (working copy) |
@@ -1,12 +1,44 @@ |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<title>Pepper GPU Demo</title> |
+<style> |
+ #container |
+ { |
+ margin: auto; |
+ padding: 0px; |
+ width: 90%; |
+ height: 90%; |
+ border-style: solid; |
+ } |
+ #plugin |
+ { |
+ margin: 0; |
+ border: 0; |
+ } |
+</style> |
+ |
+<script type="text/javascript"> |
+var container; |
+var plugin; |
+ |
+function resizePlugin() { |
+ plugin.width = container.clientWidth; |
+ plugin.height = container.clientHeight; |
+}; |
+ |
+function init() { |
+ container = document.getElementById('container'); |
+ plugin = document.getElementById('plugin'); |
+ |
+ window.onresize = resizePlugin; |
+ resizePlugin(); |
piman
2011/07/28 22:09:24
Why is this logic needed ? Setting the plugin's wi
alokp
2011/07/28 22:28:45
I tried 100% initially, but the plugin was still o
|
+} |
+</script> |
</head> |
-<body style="background-color:Silver; -webkit-perspective: 1000;"> |
- |
-<h1>Pepper GPU Demo</h1> |
-<embed id="plugin" type="pepper-application/x-gpu-demo" width="512" height="512" style="position:absolute; top: 30px; -webkit-transform: rotateY(30deg);" /> |
-<p style="position:absolute; top: 256px;">Text on top</p> |
+<body onload="init();"> |
+<div id="container"> |
+ <embed id="plugin" type="pepper-application/x-gpu-demo" /> |
+</div> |
</body> |
</html> |