<!DOCTYPE html>
<html>
<head>
<style>
  video {
    outline: 15px solid blue;
    border: 15px solid green;
    background: orange;
    margin: 20px;
    padding: 15px;
    width: 300px;
  }
</style>
</head>

<body>
  <!-- The blue sector of the video poster image should be at 12 o'clock. -->
  <video poster="../fast/images/resources/red-at-12-oclock-with-color-profile.jpg" />
</body>

<script>
window.onload = function() {
  if (window.testRunner)
    setTimeout(function() { testRunner.setColorProfile('colorSpin', done) }, 100);
};

function done() {
  setTimeout(function() { testRunner.notifyDone() }, 0);
}

if (window.testRunner) {
  testRunner.dumpAsTextWithPixelResults();
  testRunner.waitUntilDone();
}
</script>
</html>