Modified: trunk/Source/WebCore/ChangeLog (181200 => 181201)
--- trunk/Source/WebCore/ChangeLog 2015-03-07 02:41:44 UTC (rev 181200)
+++ trunk/Source/WebCore/ChangeLog 2015-03-07 03:22:15 UTC (rev 181201)
@@ -53,6 +53,19 @@
2015-03-06 Roger Fong <roger_f...@apple.com>
+ Create new buttons for media controls on OSX.
+ https://bugs.webkit.org/show_bug.cgi?id=142415.
+ <rdar://problem/20019441>
+
+ Reviewed by Eric Carlson.
+
+ * Modules/mediacontrols/mediaControlsApple.css:
+ (audio::-webkit-media-controls-wireless-playback-picker-button):
+ (audio::-webkit-media-controls-wireless-playback-picker-button.playing):
+ (audio:-webkit-full-screen::-webkit-media-controls-wireless-playback-picker-button):
+
+2015-03-06 Roger Fong <roger_f...@apple.com>
+
Redraw timeline background when updating media time.
https://bugs.webkit.org/show_bug.cgi?id=142421.
<rdar://problem/20065104>
Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css (181200 => 181201)
--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2015-03-07 02:41:44 UTC (rev 181200)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2015-03-07 03:22:15 UTC (rev 181201)
@@ -227,6 +227,18 @@
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" ><path fill="white" stroke="rgba(255,255,255,0.67)" d="M 0,9 0,5 3,5 6,2 6,12 3,9 0,9 z"/></svg>');
}
+video::-webkit-media-controls-wireless-playback-picker-button,
+audio::-webkit-media-controls-wireless-playback-picker-button {
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15" stroke="white"><defs> <clipPath fill-rule="evenodd" id="cut-hole"><path d="M 0,0 L 16,0 L 16,15 L 0,15 z M 0,14 L 16,14 L 8,4.5 z"/></clipPath></defs><rect fill="none" clip-path="url(#cut-hole)" x="0.5" y="1.5" width="15" height="8"/><path fill="white" d="M 4.25,12.75 L 11.75,12.75 L 8,8.25 z"/></svg>');
+ margin-right: 16px;
+ width: 16px;
+}
+
+video::-webkit-media-controls-wireless-playback-picker-button.playing,
+audio::-webkit-media-controls-wireless-playback-picker-button.playing {
+ background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15" stroke="rgb(0,172,245)"><defs> <clipPath fill-rule="evenodd" id="cut-hole"><path d="M 0,0 L 16,0 L 16,15 L 0,15 z M 0,14 L 16,14 L 8,4.5 z"/></clipPath></defs><rect fill="none" clip-path="url(#cut-hole)" x="0.5" y="1.5" width="15" height="8"/><path fill="rgb(0,172,245)" d="M 4.25,12.75 L 11.75,12.75 L 8,8.25 z"/></svg>');
+}
+
video::-webkit-media-controls-toggle-closed-captions-button,
audio::-webkit-media-controls-toggle-closed-captions-button {
width: 16px;
@@ -646,6 +658,12 @@
margin-right:24px;
}
+video:-webkit-full-screen::-webkit-media-controls-wireless-playback-picker-button,
+audio:-webkit-full-screen::-webkit-media-controls-wireless-playback-picker-button {
+ margin-top: 6px;
+ margin-right:24px;
+}
+
video:-webkit-full-screen::-webkit-media-controls-closed-captions-container {
bottom: 114px;
right: calc(50% - 183px); /* 183px is 221px (half the media controller's width) minus 38px (the right position of the captions icon). */