| <!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=false ] --> |
| <html> |
| <title>WebVTT rendering, class object transition with timestamp, ::cue(c:past) selector</title> |
| <style> |
| html { overflow:hidden } |
| body { margin:0 } |
| ::cue(c) { |
| -o-transition: color 9s steps(2, start); |
| transition: color 9s steps(2, start); |
| } |
| ::cue(c:past) { |
| color: #00ff00; |
| } |
| </style> |
| <script src="../../../support/refTestWait.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/class_with_timestamp.vtt"> |
| </video> |
| <script> |
| document.getElementsByTagName('track')[0].track.mode = 'showing'; |
| </script> |
| </html> |
