| <!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=false ] --> |
| <html> |
| <title>WebVTT rendering, bold object animation with timestamp, ::cue(b:past) selector</title> |
| <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="../../../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/bold_with_timestamp.vtt"> |
| </video> |
| <script> |
| document.getElementsByTagName('track')[0].track.mode = 'showing'; |
| </script> |
| </html> |
