New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 844357 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
no longer active
Closed: May 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Chrome , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Picture-in-Picture interstitial icon is hidden behind play icon

Project Member Reported by fbeaufort@chromium.org, May 18 2018

Issue description

Chrome Version       : 68.0.3432.0
OS Version: 10684.0.0

What steps will reproduce the problem?
1. Enable flags documented at https://github.com/WICG/picture-in-picture/blob/master/implementation-status.md
2. Go to https://googlechrome.github.io/samples/picture-in-picture/
3. Click 3 vertical dots video menu overflow and click "Picture-in-Picture"

What is the expected result?
Picture-in-Picture interstitial looks great.

What happens instead of that?
Picture-in-Picture interstitial icon is hidden behind play icon.

Screenshot: https://i.imgur.com/fVkehq9.png
 
Owner: apaci...@chromium.org
Status: Assigned (was: Unconfirmed)
Mac triage: directly to apacible@ - I did not try reproing this yet.
Cc: apaci...@chromium.org
Components: Blink>Media>PictureInPicture
Owner: amyroberts@chromium.org
amyroberts@ -- thoughts on how to handle controls visibility when in Picture-in-Picture mode? The button in the center currently appears when in Picture-in-Picture mode. If I understand correctly, this is the only place the play/pause button appears for the new media controls.
Screen Shot 2018-05-18 at 23.39.50.png
94.0 KB View Download
Owner: apaci...@chromium.org
That's right, the controls will stay where they are and the string will move to the top left. The type styling should match the time stamp.


Mock: https://docs.google.com/presentation/d/1crVckjRA7LZ2S-SPuO8zXMQPw_uZwC0-eBhZ5EEumCw/edit#slide=id.g3b41ba5fc1_0_0

Pattern reference: https://docs.google.com/presentation/d/1crVckjRA7LZ2S-SPuO8zXMQPw_uZwC0-eBhZ5EEumCw/edit#slide=id.g3ab577e518_0_172
Project Member

Comment 4 by bugdroid1@chromium.org, May 25 2018

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/adb006d21f4ffc92747c083ee3be5113b8fec33a

commit adb006d21f4ffc92747c083ee3be5113b8fec33a
Author: Jennifer Apacible <apacible@chromium.org>
Date: Fri May 25 15:34:47 2018

[Picture in Picture] Update interstitial style.

This change removes the icon from the Picture-in-Picture interstitial.
The text is also moved to the top left of the interstitial and styled
to play well with the modern media controls, e.g. Play/Pause button
will no longer cover the interstitial content.

BUG:  844357 
Change-Id: I3eed46bece9f9b26257a4d2ed4b7a0b6cb3818b8
Reviewed-on: https://chromium-review.googlesource.com/1071231
Commit-Queue: Mounir Lamouri <mlamouri@chromium.org>
Reviewed-by: Mounir Lamouri <mlamouri@chromium.org>
Cr-Commit-Position: refs/heads/master@{#561889}
[modify] https://crrev.com/adb006d21f4ffc92747c083ee3be5113b8fec33a/third_party/WebKit/LayoutTests/media/media-controls.js
[modify] https://crrev.com/adb006d21f4ffc92747c083ee3be5113b8fec33a/third_party/WebKit/LayoutTests/media/picture-in-picture/utils.js
[modify] https://crrev.com/adb006d21f4ffc92747c083ee3be5113b8fec33a/third_party/blink/renderer/core/html/media/picture_in_picture_interstitial.cc
[modify] https://crrev.com/adb006d21f4ffc92747c083ee3be5113b8fec33a/third_party/blink/renderer/core/html/media/picture_in_picture_interstitial.h
[modify] https://crrev.com/adb006d21f4ffc92747c083ee3be5113b8fec33a/third_party/blink/renderer/modules/media_controls/resources/mediaInterstitials.css

Status: Fixed (was: Assigned)
Labels: Merge-Request-68
Labels: -Pri-3 Pri-2
Project Member

Comment 8 by sheriffbot@chromium.org, Jun 1 2018

Labels: -Merge-Request-68 Hotlist-Merge-Approved Merge-Approved-68
Your change meets the bar and is auto-approved for M68. Please go ahead and merge the CL to branch 3440 manually. Please contact milestone owner if you have questions.
Owners: cmasso@(Android), kariahda@(iOS), bhthompson@(ChromeOS), abdulsyed@(Desktop)

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Project Member

Comment 9 by sheriffbot@chromium.org, Jun 4 2018

This issue has been approved for a merge. Please merge the fix to any appropriate branches as soon as possible!

If all merges have been completed, please remove any remaining Merge-Approved labels from this issue.

Thanks for your time! To disable nags, add the Disable-Nags label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Project Member

Comment 10 by sheriffbot@chromium.org, Jun 8 2018

This issue has been approved for a merge. Please merge the fix to any appropriate branches as soon as possible!

If all merges have been completed, please remove any remaining Merge-Approved labels from this issue.

Thanks for your time! To disable nags, add the Disable-Nags label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Hotlist-Merge-Approved -Merge-Approved-68

Sign in to add a comment