| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <title>Nonroot Video Test</title> |
| <style type="text/css"> |
| .nomargin { |
| margin: 0px auto; |
| } |
| |
| .gradient { |
| -webkit-mask-image: -webkit-gradient( |
| linear, left 50%, right 50%, |
| color-stop(0.00, rgba(0,0,0,1)), |
| color-stop(0.75, rgba(0,0,0,1)), |
| color-stop(0.80, rgba(0,0,0,0)), |
| color-stop(1.00, rgba(0,0,0,0))); |
| } |
| </style> |
| <script src="pixel_video_test.js"></script> |
| </head> |
| <body onload="main()"> |
| <div id="container" style="position:absolute; top:0px; left:0px;"> |
| <video class="nomargin gradient" id="video"> |
| <source src="/media/test/data/four-colors.mp4" type="video/mp4"> |
| </video> |
| </div> |
| <div id="container" class="nomargin" style="position:absolute; top:0px; left:0px; width:30px; height:30px; background-color:black;"> |
| </div> |
| </body> |
| </html> |
