| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <title>WebVTT rendering, bold object animation with timestamp, ::cue(b:past) selector</title> |
| <link rel="match" href="bold_animation_with_timestamp-ref.html"> |
| <style> |
| html { overflow:hidden } |
| body { margin:0 } |
| ::cue(b: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="320" height="180" autoplay onplaying="this.onplaying = null; this.pause(); this.currentTime = 0.2; takeScreenshotDelayed(1000);"> |
| <source src="/media/white.webm" type="video/webm"> |
| <source src="/media/white.mp4" type="video/mp4"> |
| <track src="../../../support/bold_with_timestamp.vtt"> |
| <script> |
| document.getElementsByTagName('track')[0].track.mode = 'showing'; |
| </script> |
| </video> |
| </html> |
