<!-- webkit-test-runner [ enableModernMediaControls=false ] -->
<html>
<head>
  <title>Video element gets layer</title>
  <style type="text/css">
    video {
      border: 1px solid black;
      margin: 50px;
    }
  </style>
</head>
<body>
  <p><a href="https://bugs.webkit.org/show_bug.cgi?id=25066">https://bugs.webkit.org/show_bug.cgi?id=25066</a><br> controls should not be misplaced when video gets a RenderLayer.</p>
  <video id="video" controls></video>
  <script type="text/javascript" charset="utf-8">
    document.getElementById('video').style.opacity = 0.5;
  </script>
</body>
</html>