[iOS Media] Web video on iPad appears black and missing the AirPlay placard when...

https://bugs.webkit.org/show_bug.cgi?id=142373
<rdar://problem/19866072>

Reviewed by Brent Fulgham.

There was no style for the placard, which meant it had
zero height (and thus was invisible).

* Modules/mediacontrols/mediaControlsiOS.css:
(audio::-webkit-media-controls-wireless-playback-status): Added.
(audio::-webkit-media-controls-wireless-playback-status.hidden):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@181123 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/Source/WebCore/ChangeLog b/Source/WebCore/ChangeLog
index a68921a..157ed2a 100644 (file)
--- a/Source/WebCore/ChangeLog
+++ b/Source/WebCore/ChangeLog
@@ -1,3 +1,18 @@
+2015-03-05  Dean Jackson  <dino@apple.com>
+
+        [iOS Media] Web video on iPad appears black and missing the AirPlay placard when connected to an AirPlay route
+        https://bugs.webkit.org/show_bug.cgi?id=142373
+        <rdar://problem/19866072>
+
+        Reviewed by Brent Fulgham.
+
+        There was no style for the placard, which meant it had
+        zero height (and thus was invisible).
+
+        * Modules/mediacontrols/mediaControlsiOS.css:
+        (audio::-webkit-media-controls-wireless-playback-status): Added.
+        (audio::-webkit-media-controls-wireless-playback-status.hidden):
+
 2015-03-05  Roger Fong  <roger_fong@apple.com>
 
         Adjust volume box to not intersect with rest of inline media controls on OSX.

diff --git a/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css b/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css
index 94c485d..50e572a 100644 (file)
--- a/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css
+++ b/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css
@@ -564,3 +564,21 @@ video::-webkit-media-text-track-container u {
 video::-webkit-media-text-track-container i {
     font-style: italic;
 }
+
+/* ==================== AIRPLAY PLACARD ==================== */
+
+video::-webkit-media-controls-wireless-playback-status,
+audio::-webkit-media-controls-wireless-playback-status {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: black;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    background-size: 100% 50%;
+}
+
+video::-webkit-media-controls-wireless-playback-status.hidden,
+audio::-webkit-media-controls-wireless-playback-status.hidden {
+    display: none;
+}