New media playback UI.

LayoutTests/media/video-controls-muted-video-can-unmute.html

Index: LayoutTests/media/video-controls-muted-video-can-unmute.html
diff --git a/LayoutTests/media/video-muted.html b/LayoutTests/media/video-controls-muted-video-can-unmute.html
similarity index 54%
copy from LayoutTests/media/video-muted.html
copy to LayoutTests/media/video-controls-muted-video-can-unmute.html
index 431f8cd6ea3d2032fbc45c6924c49bac3d9566d9..93b1a251eb254f6a964e8ba16ed6b310b6fcd407 100644
--- a/LayoutTests/media/video-muted.html
+++ b/LayoutTests/media/video-controls-muted-video-can-unmute.html
@@ -1,17 +1,17 @@
 <video controls></video>
-<p>Test 'muted' attribute<p>
+<p>Test that muted video has an unmute button.<p>
 <script src=media-file.js></script>
 <script src=video-test.js></script>
+<script src=media-controls.js></script>
 <script>
-    testExpected("video.muted", false);
     run("video.muted = true");
-    testExpected("video.muted", true);
     video.src = findMediaFile("video", "content/test");
     run("video.load()");
     waitForEvent("canplaythrough", function () {
         testExpected("video.muted", true);
-        run("video.muted = false");
-        testExpected("video.muted", false);
+        muteButton = mediaControlsButton(video, "mute-button");
+        // Make sure that the mute button is visible.
+        testExpected("getComputedStyle(muteButton).display", "none", '!=');
         endTest();
     });
 </script>