| <!doctype HTML> | |
| <style> | |
| .container { | |
| border-radius: 8px; | |
| overflow: hidden; | |
| } | |
| video { | |
| display: block; | |
| width: 200px; | |
| height: 200px; | |
| background: lightblue; | |
| } | |
| .bluebutton { | |
| position: relative; | |
| top: -20px; | |
| height: 100px; | |
| width: 100px; | |
| background: blue; | |
| } | |
| </style> | |
| Should show a video with a blue square on it that is not clipped to the video. | |
| <div class="container"> | |
| <video preload="auto" src="../../media/content/test.webm"></video> | |
| <div class="bluebutton"></div> | |
| </div> |