1380108 - [perf] slow play video interaction on stripe connect page

Status: RESOLVED DUPLICATE of bug 1322691

(Core :: Graphics: CanvasWebGL, defect, P3)

Description

[Bryan Clark (DevTools PM) [:clarkbw]]

STR

* Go to: https://stripe.com/connect 
* Click on Play Video
* see lots of jank as it happens and loads the video

Here's a profile of the situation:

https://perfht.ml/2v9yQL6

Comment 1

[Jet Villegas (inactive)]

    <div id="overlay-video" class="overlay">
      <video class="container-lg" preload="metadata" controls>
        <source src="https://stripe-images.s3.amazonaws.com/videos/connect/Connect_Overview_1080p.mp4" type="video/mp4">
        <source src="https://stripe-images.s3.amazonaws.com/videos/connect/Connect_Overview_1080p.ogv" type="video/ogg">
      </video>
    </div>

Viewing the video stream in Chromium is also crappy:
https://stripe-images.s3.amazonaws.com/videos/connect/Connect_Overview_1080p.mp4

Anthony: can you help make sense of this one?

Comment 2

[Anthony Jones (:ajones, :kentuckyfriedtakahe, :k17e)]

It uses 80-90% CPU without even playing the video for me on Mac. My guess is that it has something to do with the WebGL cubes in the background. Interestingly enough, it doesn't handle WebGL being unavailable gracefully.

Comment 3

[Milan Sreckovic [:milan] (needinfo for best results)]

I can't reproduce now that bug 1322691 has been fixed.  Please reopen if it is still a problem.