| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src=media-file.js></script> |
| <script src=video-test.js></script> |
| <script src='../resources/ui-helper.js'></script> |
| <script> |
| |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function finish() |
| { |
| video.removeEventListener("ended", finish); |
| |
| video.currentTime = 0; |
| waitForEvent('playing'); |
| waitForEventAndEnd('seeked'); |
| |
| video.play(); |
| video.currentTime = video.duration - 0.05; |
| } |
| |
| function playing() |
| { |
| video.removeEventListener("playing", playing); |
| |
| video.addEventListener("ended", finish); |
| video.currentTime = video.duration - 0.05; |
| } |
| |
| function inputFileChanged(e) { |
| findMediaElement(); |
| var file = e.target.files[0]; |
| video.src = window.URL.createObjectURL(file); |
| video.addEventListener("playing", playing); |
| video.play(); |
| } |
| |
| function runTest() { |
| var inputFile = document.getElementById('file'); |
| var centerX = inputFile.offsetLeft + inputFile.offsetWidth / 2; |
| var centerY = inputFile.offsetTop + inputFile.offsetHeight / 2; |
| waitForEvent('change', inputFileChanged, false, false, inputFile); |
| |
| if (window.testRunner) { |
| testRunner.setOpenPanelFiles([findMediaFile("video", "content/test")]); |
| UIHelper.activateAt(centerX, centerY); |
| } |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <div> |
| This tests the ability of the <video> element to load blob URLs, play to the end, and replay. In the browser, select a video file: |
| <input type="file" name="file" id="file"> |
| </div> |
| <video></video> |
| </body> |
| </html> |