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 |