Grey slider thumb when preload is disabled.

A video tag should not highlight the play button and slider thumb when preload is disabled and no source is present BUG=665149 Change-Id: I2ee71d95f7c1cf289c2e7892b30845c77bc1bd1f Reviewed-on: https://chromium-review.googlesource.com/905643 Commit-Queue: Mounir Lamouri <mlamouri@chromium.org> Reviewed-by: Robert Ma <robertma@chromium.org> Reviewed-by: Mounir Lamouri <mlamouri@chromium.org> Cr-Commit-Position: refs/heads/master@{#541760}

Grey slider thumb when preload is disabled.
A video tag should not highlight the play button and slider thumb when preload is disabled and no source is present BUG=665149 Change-Id: I2ee71d95f7c1cf289c2e7892b30845c77bc1bd1f Reviewed-on: https://chromium-review.googlesource.com/905643 Commit-Queue: Mounir Lamouri <mlamouri@chromium.org> Reviewed-by: Robert Ma <robertma@chromium.org> Reviewed-by: Mounir Lamouri <mlamouri@chromium.org> Cr-Commit-Position: refs/heads/master@{#541760}
dead4b5a · George Joseph · Commit Bot · 7d714dea · dead4b5a · dead4b5a
Commit dead4b5a authored Mar 08, 2018 by George Joseph Committed by Commit Bot Mar 08, 2018
8 changed files
--- a/third_party/WebKit/LayoutTests/media/media-controls-grey-scrubber-expected.png
+++ b/third_party/WebKit/LayoutTests/media/media-controls-grey-scrubber-expected.png
--- a/third_party/WebKit/LayoutTests/media/media-controls-grey-scrubber-expected.txt
+++ b/third_party/WebKit/LayoutTests/media/media-controls-grey-scrubber-expected.txt
+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x171
+  LayoutBlockFlow {HTML} at (0,0) size 800x171
+    LayoutBlockFlow {BODY} at (8,8) size 784x155
+      LayoutBlockFlow {DIV} at (0,0) size 784x155
+layer at (8,8) size 300x150
+  LayoutVideo {VIDEO} at (0,0) size 300x150
+layer at (8,8) size 300x150
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+    LayoutBlockFlow {DIV} at (0,118) size 300x32
+layer at (8,8) size 300x108
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x108
+layer at (8,126) size 300x32 scrollHeight 40
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x32 [bgcolor=#FAFAFA]
+    LayoutButton {INPUT} at (0,0) size 32x32
+    LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (0,0) size 24x32
+        LayoutText {#text} at (0,8) size 24x15
+          text run at (0,8) width 24: "0:00"
+    LayoutSlider {INPUT} at (74,1) size 208x30
+      LayoutFlexibleBox {DIV} at (0,14) size 208x2
+layer at (64,142) size 244x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,1) size 244x0
+layer at (82,141) size 208x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 208x2 [bgcolor=#DADADA]
+layer at (82,141) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
+layer at (82,141) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
+layer at (64,118) size 36x48 backgroundClip at (8,126) size 300x32 clip at (8,126) size 300x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
--- a/third_party/WebKit/LayoutTests/media/media-controls-grey-scrubber.html
+++ b/third_party/WebKit/LayoutTests/media/media-controls-grey-scrubber.html
+<!DOCTYPE html>
+<body>
+<!--
+  A <video> object with a valid source and
+  preload set to "none" should show a greyed
+  timeslider element.
+ -->
+<div><video controls preload="none" src="content/test.mp4" ></video></div>
+<script>
+</script>
+</body>
--- a/third_party/WebKit/LayoutTests/platform/linux/media/media-controls-grey-scrubber-expected.png
+++ b/third_party/WebKit/LayoutTests/platform/linux/media/media-controls-grey-scrubber-expected.png
--- a/third_party/WebKit/LayoutTests/platform/mac/media/media-controls-grey-scrubber-expected.png
+++ b/third_party/WebKit/LayoutTests/platform/mac/media/media-controls-grey-scrubber-expected.png
--- a/third_party/WebKit/LayoutTests/platform/mac/media/media-controls-grey-scrubber-expected.txt
+++ b/third_party/WebKit/LayoutTests/platform/mac/media/media-controls-grey-scrubber-expected.txt
+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x170
+  LayoutBlockFlow {HTML} at (0,0) size 800x170
+    LayoutBlockFlow {BODY} at (8,8) size 784x154
+      LayoutBlockFlow {DIV} at (0,0) size 784x154
+layer at (8,8) size 300x150
+  LayoutVideo {VIDEO} at (0,0) size 300x150
+layer at (8,8) size 300x150
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+    LayoutBlockFlow {DIV} at (0,118) size 300x32
+layer at (8,8) size 300x108
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x108
+layer at (8,126) size 300x32 scrollHeight 40
+  LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x32 [bgcolor=#FAFAFA]
+    LayoutButton {INPUT} at (0,0) size 32x32
+    LayoutFlexibleBox {DIV} at (32,0) size 23.36x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (0,0) size 23.36x32
+        LayoutText {#text} at (0,9) size 24x14
+          text run at (0,9) width 24: "0:00"
+    LayoutSlider {INPUT} at (73.36,1) size 208.64x30
+      LayoutFlexibleBox {DIV} at (0,14) size 208.64x2
+layer at (63,142) size 245x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,1) size 244.64x0
+layer at (81,141) size 209x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 208.64x2 [bgcolor=#DADADA]
+layer at (81,141) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
+layer at (81,141) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
+layer at (63,118) size 36x48 backgroundClip at (8,126) size 300x32 clip at (8,126) size 300x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
--- a/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/legacy/mediaplayer_slider_thumb_grey.png
+++ b/third_party/WebKit/Source/modules/media_controls/resources/default_100_percent/legacy/mediaplayer_slider_thumb_grey.png
--- a/third_party/WebKit/Source/modules/media_controls/resources/legacyMediaControls.css
+++ b/third_party/WebKit/Source/modules/media_controls/resources/legacyMediaControls.css
@@ -697,3 +697,8 @@ video::cue(i) {
 .state-no-source input[pseudo="-webkit-media-controls-volume-slider" i]::-webkit-slider-thumb {
    display: none;
 }
+
+.state-no-metadata input[pseudo="-webkit-media-controls-timeline" i]::-webkit-slider-thumb {
+    background-image: -webkit-image-set(
+      url(default_100_percent/legacy/mediaplayer_slider_thumb_grey.png) 1x);
+}