third_party/WebKit/LayoutTests/media/video-src-blob.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src=media-file.js></script>
   5         <script src=video-test.js></script>
   6         <script>
   7             function inputFileChanged(e) {
   8                 findMediaElement();
   9                 var file = e.target.files[0];
  10                 waitForEventAndEnd('loadedmetadata');
  11                 waitForEventAndFail('error');
  12                 video.src = window.URL.createObjectURL(file);
  13             }
  14
  15             function runTest() {
  16                 var inputFile = document.getElementById('file');
  17                 var centerX = inputFile.offsetLeft + inputFile.offsetWidth / 2;
  18                 var centerY = inputFile.offsetTop + inputFile.offsetHeight / 2;
  19                 waitForEvent('change', inputFileChanged, false, false, inputFile);
  20
  21                 if (window.eventSender) {
  22                     eventSender.beginDragWithFiles([findMediaFile("video", "content/test")]);
  23                     eventSender.mouseMoveTo(centerX, centerY);
  24                     eventSender.mouseUp();
  25                 }
  26             }
  27         </script>
  28     </head>
  29     <body onload="runTest()">
  30         <div>
  31             This tests the ability of the &lt;video&gt; element to load blob URLs. In the browser, select a video file:
  32             <input type="file" name="file" id="file">
  33         </div>
  34         <video></video>
  35     </body>
  36 </html>