| OLD | NEW |
| 1 <!DOCTYPE html> | |
| 2 {% autoescape on %} | |
| 3 <html> | 1 <html> |
| 4 <head> | 2 <head> |
| 5 <title>I-Spy Test Runs</title> | 3 <title>Play a video</title> |
| 6 <style> | |
| 7 #container { | |
| 8 display: table; | |
| 9 background-color:#DDD; | |
| 10 border: 1px solid #AAA; | |
| 11 width: 400px; | |
| 12 margin: 5px; | |
| 13 padding: 5px; | |
| 14 } | |
| 15 </style> | |
| 16 </head> | 4 </head> |
| 17 <body> | 5 <body> |
| 18 <h3>Test Runs</h3> | 6 <div> |
| 19 <div id="container"> | 7 <video id="video"></video> |
| 20 {% for link in links %} | 8 <script> |
| 21 <div> | 9 (function() { |
| 22 <a href="{{ link[1] }}">{{ link[0] }}</a> | 10 var video = document.getElementById('video'); |
| 23 </div> | 11 // This sequence delays the load event until the metadata is ready. |
| 24 {% endfor %} | 12 // Borrowed from the Blink test suite: |
| 13 // third_party/WebKit/LayoutTests/media/video-delay-load-event.html |
| 14 video.src = '../prerender/bear-320x240-video-only.webm'; |
| 15 video.load(); |
| 16 })(); |
| 17 </script> |
| 25 </div> | 18 </div> |
| 26 </body> | 19 </body> |
| 27 </html> | 20 </html> |
| 28 {% endautoescape %} | |
| OLD | NEW |