| <!DOCTYPE html> |
| <html> |
| <title>WebVTT rendering, underline object animation with timestamp, ::cue(u:past) selector</title> |
| <link rel="match" href="underline_animation_with_timestamp-ref.html"> |
| <style> |
| html { overflow:hidden } |
| body { margin:0 } |
| ::cue(u:past) { |
| -o-animation: test 9s steps(2, start); |
| animation: test 9s steps(2, start); |
| } |
| @-o-keyframes test { |
| 0% { |
| color: #ffffff; |
| } |
| 100% { |
| color: #00ff00; |
| } |
| } |
| @keyframes test { |
| 0% { |
| color: #ffffff; |
| } |
| 100% { |
| color: #00ff00; |
| } |
| } |
| </style> |
| <script src="/common/reftest-wait.js"></script> |
| <video width="1280" height="720" autoplay onplaying="this.onplaying = null; takeScreenshotDelayed(200);"> |
| <source src="/media/white.webm" type="video/webm"> |
| <source src="/media/white.mp4" type="video/mp4"> |
| <track src="../../../support/underline_with_timestamp.vtt"> |
| <script> |
| document.getElementsByTagName('track')[0].track.mode = 'showing'; |
| </script> |
| </video> |
| </html> |