chromium/third_party/blink/web_tests/external/wpt/html/semantics/embedded-content/media-elements/track/track-element/track-cue-rendering-transformed-video-ref.html

<!DOCTYPE html>
<html class="reftest-wait">
<script src="/common/reftest-wait.js"></script>
<style>
.container {
  transform: translate(1px, 0px);
  position: relative;
  display: inline-block;
  width: 320px;
  height: 240px;
}
.cue {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: start;
}
.cue > span {
  font-family: sans-serif;
  background: green;
  color: green;
  font-size: 50px;
  padding: 2px;
}
</style>
<div class="container">
  <video autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
    <source src="/media/white.webm" type="video/webm">
    <source src="/media/white.mp4" type="video/mp4">
  </video>
  <div class="cue"><span>XXX</span></div>
</div>
</html>