banner above the video is in chaos after close the PIP window
Reported by
409694...@qq.com,
Oct 22
|
||||
Issue descriptionSteps to reproduce the problem: 1.Launch chrome, Navigate to the above URL. 2.Play a video in full screen 3.Simply select the home button and the video player will be playing in PIP window 4.close the PIP window 5.open chrome---->The banner above the video is in chaos What is the expected behavior? What went wrong? The banner above the video is in chaos Did this work before? N/A Chrome version: 70.0.3538.4 Channel: n/a OS Version: 9.0.0 Flash Version: Shockwave Flash 27.0 r0
,
Oct 22
,
Oct 23
Mobile:HUAWEI mate10 OS:Android 9.0 Chrome version: 70.0.3538.4 sorry ,I cannot upload the image. Can you reproduce the problem ?
,
Oct 23
when I am playing the vedio on webpage ,check the source code of the webpage These are codes about sliding advertising strips.translate3d :X-offset = 360px <div class="rmb-carousel-wrapper"> <ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-720px, 0px, 0px);"> <li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-360px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(360px, 0px, 0px);">...</li> . . . playing in fullscreen : X-offset = 720px <div class="rmb-carousel-wrapper"> <ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-1920px, 0px, 0px);"> <li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-640px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(640px, 0px, 0px);">...</li> . . . playing in PIP window : X-offset = 192px <div class="rmb-carousel-wrapper"> <ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-192px, 0px, 0px);"> <li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-192px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(192px, 0px, 0px);">...</li> . . . .Then I close the PIP window with the Close button .Open chrome ,the vedio will be playing on webpage However:X-offset = 192px ----> The banner above the video is in chaos <div class="rmb-carousel-wrapper"> <ul class="rmb-carousel-scroller new-style" style="transition: all 0.3s ease; transform: translate3d(-192px, 0px, 0px);"> <li class="rmb-carousel-item" data-index="3" style="display: list-item; transition: all 0s ease; transform: translate3d(-192px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="0" style="display: list-item; transition: all 0s ease; transform: translate3d(0px, 0px, 0px);">...</li> <li class="rmb-carousel-item" data-index="1" style="display: list-item; transition: all 0s ease; transform: translate3d(192px, 0px, 0px);">...</li> . . .
,
Oct 24
The advertisement bar above the video uses the translate3d timing offset(the length of the video area is specified), when playing the video using the mate10 webpage ,the x-offset = 360px , when playing the full screen, the x-offset = 640px and when playing in PIP window, x-offset =192px; but after I closed the PIP window directly, open the browser again, the x-offset should be 360px, but the value obtained is still 192px; thus the advertisement bars seem to overlap; Is this website problem ?
,
Oct 24
It should be like this,this web page changes the value of x-offset (x-offset = window.innerWidth) by listening to window changes (window.onresize()), but when the PIP window is closed directly, this notification is not triggered, so that the value of x-offset is not changed.
,
Oct 24
Tested the issue in Android and able to reproduce the issue. Steps Followed: 1. Navigated to https://sv.baidu.com , played video in fullscreen 2. selected the home button and the video is playing in PIP window 3. Closed the PIP window 4. opened chrome --- Observing overlapping of content in bannerThe banner Chrome versions tested: 60.0.3112.113 , 70.0.3538.64 , 72.0.3589.0 OS: Android 9.0.0 Android Devices: Pixel 2 XL Issue is seen in from older M-60 builds, hence considering this issue as Non-Regression and marking as Untriaged. Please navigate to below link for log's -- go/chrome-androidlogs/897555 Thanks!
,
Oct 24
,
Oct 31
When will this issue be handled ?
,
Oct 31
peconn@ Does comment #6 ring a bell?
,
Nov 2
When you reopen Chrome, isn't window.onload() called? Can't you resize the ad banner there?
,
Nov 5
https://sv.baidu.com ----> this page resize the ad banner by window.onResize() and this page is not developed by us. I just found this bug |
||||
►
Sign in to add a comment |
||||
Comment 1 by 409694...@qq.com
, Oct 22