| OLD | NEW | 
 | (Empty) | 
|   1 <!doctype html> |  | 
|   2 <html> |  | 
|   3     <head> |  | 
|   4         <title>media controls mute button with MediaController</title> |  | 
|   5         <script src="media-file.js"></script> |  | 
|   6         <script src="media-controls.js"></script> |  | 
|   7     </head> |  | 
|   8     <body> |  | 
|   9         <video controls mediagroup="x"></video> |  | 
|  10         <script> |  | 
|  11             if (window.testRunner) |  | 
|  12                 testRunner.waitUntilDone(); |  | 
|  13  |  | 
|  14             var video = document.querySelector("video"); |  | 
|  15             video.src = findMediaFile("video", "content/test"); |  | 
|  16             video.addEventListener("loadeddata", function() |  | 
|  17             { |  | 
|  18                 if (window.eventSender) { |  | 
|  19                     // click the mute button |  | 
|  20                     var coords = mediaControlsButtonCoordinates(video, "mute-but
    ton"); |  | 
|  21                     eventSender.mouseMoveTo(coords[0], coords[1]); |  | 
|  22                     eventSender.mouseDown(); |  | 
|  23                     eventSender.mouseUp(); |  | 
|  24  |  | 
|  25                     // wait for the volumechange event |  | 
|  26                     video.addEventListener("volumechange", function() |  | 
|  27                     { |  | 
|  28                         if (window.testRunner) |  | 
|  29                             testRunner.notifyDone(); |  | 
|  30                     }); |  | 
|  31                 } |  | 
|  32             }); |  | 
|  33         </script> |  | 
|  34     </body> |  | 
|  35 </html> |  | 
| OLD | NEW |