summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/embedded-content/media-elements/track/track-element/track-cue-rendering-transformed-video-ref.html
blob: 39461350b089b9041a71a6ca9aad7f1cfc078d68 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!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>