1640104 - Laggy video on specific sites

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect, P3)

Description

[alexacy]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36

Steps to reproduce:

Open https://m.chaturbate.com and tap to play any video (in Firefox Preview, AwesomeBowser and probably any GeckoView-based browser, with GeckoView version higher than 73.0.20191219095006)

Actual results:

Video plays at very low FPS.

Additionally: in GeckoView version 73.0.20191219095006 everything is OK, and Firefox Inspector shows the following code in HTML for .videoPlayerDiv element:

<video webkit-playsinline="" playsinline="playsinline" autoplay="" style="margin:
...
src="blob:https://m.chaturbate.com/076dccea-69a4-4ca8-9f07-71e40b3644f2"></video>

while in version 73.0.20191218091614 video becomes slideshow:

<img style="width: 100%; height: 100%; object-fit: contain; background-color: black; visibility: visible; display: inline;" src="https://cbjpeg.stream.highwebmedia.com/stream?room=angela_5&amp;f=0.8768617345024872">

Parameter f=0.8768617345024872 changes every second or so and shows a new picture, thus, it isn't a video, more like slideshow

Expected results:

Video plays at normal FPS (and as video, not as pictureset)

Comment 1

[James Willcox (:snorp) ([e-mail]) (he/him)]

This seems to be web compat, so moving there.

Comment 2

[Karl Dubost💡 :karlcow]

on macOS with rdm and firefox android ua, it is working as expected.

<video webkit-playsinline=""
       playsinline="playsinline"
       autoplay=""
       style="margin: 0px; padding: 0px; width: 100%; height: 100%; object-fit: contain; background-color: rgba(0, 0, 0, 0); display: inline;"
       class="vjs-tech"
       id="vjs_video_3_html5_api"
       tabindex="-1"
       poster="https://cbjpeg.stream.highwebmedia.com/stream?room=hornypuca&amp;f=0.06200345889212433"
       src="blob:https://m.chaturbate.com/26d75ca6-34b3-fa43-85f9-da0da1db2e79"></video>

but indeed on the device itself the user receives

<div style="height: 100%; width: 414px; position: static; overflow: hidden; background: rgb(51, 51, 51) url(&quot;https://ssl-ccstatic.highwebmedia.com/tsdefaultassets/cam_notice_background.jpg&quot;) repeat scroll center center / cover;"
     id="Yj"
     class="videoPlayerDiv">
    <img style="width: 100%; height: 100%; object-fit: contain; background-color: black; visibility: visible; display: inline;"
         src="https://cbjpeg.stream.highwebmedia.com/stream?room=hornypuca&amp;f=0.7412622064978424">
</div>

So it's probably coming from the detection libraries they are using. Pushing to needscontact.

Comment 3

[Oana Arbuzov [:oanaarbuzov]]

I was not able to reproduce the issue anymore, videos play smoothly now, similar to Chrome.

Tested with:
Browser / Version: Firefox Nightly 100.0a1 (🦎 100.0a1-20220317092857)
Operating System: Google Pixel 5 (Android 12) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

alexacy can you still reproduce it on your side?