[Webkit-unassigned] [Bug 144451] New: YouTube embed not working in iOS 8 Safari and Chrome

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=144451

            Bug ID: 144451
           Summary: YouTube embed not working in iOS 8 Safari and Chrome
    Classification: Unclassified
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Hardware: iOS
                OS: iOS 8.2
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: michael.spellacy at tmp.com

iPhone 5s Model: ME341LL/A iOS Version: 8.3 (12F0)

Under certain conditions, YouTube videos embedded within iframes cannot be viewed when a user clicks on the video.

In our particular instance, the conditions had to be just right. A "perfect storm" of issues, if you will. :)

The Bug

Applying the :active pseudo-class to a universal selector (*) and including a property of -webkit-tap-highlight-color seems to be the culprit.

*:active {
-webkit-tap-highlight-color: tomato;
}

Now, here is the strange part. The bug is only triggered when the above CSS block is present and there is an input element present on the page with a type attribute value of "search". I know, crazy, right?

<input type="search" placeholder="Search"/>

Another oddity here is that when you apply focus to the search input, type something in, and then attempt to play video, it will then work.

The Solution

Either renaming the input type to "text" or removing -webkit-tap-highlight-color (likely preferred solution) should alleviate the issue, but this obviously might be a rendering bug.

You can the same overview here, and see the bug in action for yourself on any current iOS device. 

https://tmpworldwide.github.io/bugs/ios-tappy-bug.html

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150430/d27e391b/attachment.html>