Modified: trunk/Source/WebCore/ChangeLog (171710 => 171711)
--- trunk/Source/WebCore/ChangeLog 2014-07-28 23:52:37 UTC (rev 171710)
+++ trunk/Source/WebCore/ChangeLog 2014-07-28 23:57:33 UTC (rev 171711)
@@ -1,3 +1,16 @@
+2014-07-28 Dean Jackson <[email protected]>
+
+ [Media iOS] Touching play button feels unresponsive
+ https://bugs.webkit.org/show_bug.cgi?id=135370
+ <rdar://problem/17756281>
+
+ Reviewed by Simon Fraser.
+
+ Add an :active rule that shows a slightly darker button when touched.
+
+ * Modules/mediacontrols/mediaControlsiOS.css:
+ (audio::-webkit-media-controls-start-playback-button:active):
+
2014-07-28 Brady Eidson <[email protected]>
REGRESSION(168376): Standalone images pasted to Outlook 2011 don't display
Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css (171710 => 171711)
--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css 2014-07-28 23:52:37 UTC (rev 171710)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css 2014-07-28 23:57:33 UTC (rev 171711)
@@ -196,6 +196,11 @@
background-image: url('data:image/svg+xml,<svg viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg"><circle cx="72" cy="72" r="70" fill="rgba(247, 247, 247, .82)"/><path d="M48,36v74L109,74L48,36z" fill="rgba(129, 129, 129, .9)"/></svg>');
}
+video::-webkit-media-controls-start-playback-button:active,
+audio::-webkit-media-controls-start-playback-button:active {
+ background-image: url('data:image/svg+xml,<svg viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg"><circle cx="72" cy="72" r="70" fill="rgba(192, 192, 192, .82)"/><path d="M48,36v74L109,74L48,36z" fill="rgba(96, 96, 96, .9)"/></svg>');
+}
+
video::-webkit-media-controls-start-playback-button.failed,
audio::-webkit-media-controls-start-playback-button.failed {
background-image: url('data:image/svg+xml,<svg viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg"><circle cx="72" cy="72" r="70" fill="rgba(247, 247, 247, .82)"/><g fill="rgba(129, 129, 129, .9)"><rect x="14" y="70.4" transform="matrix(0.8493 0.5279 -0.5279 0.8493 48.8614 -27.1595)" width="116" height="3.2"/><polygon points="109,74 48,36 48,52.3 95.6,81.9 "/><polygon points="48,110 87.7,86.6 48,61.9 "/></g></svg>');
