Stop rendering HTML5 <video> natively. Use <canvas>.

[bp2008]

Another issue has cropped up with HTML5 video in Chromium browsers: when fullscreened, digital zoom can't scale up the video larger than the viewport.

I've had enough. I'm going to put the <video> element in the background and change the HTML5 player to copy every frame to a <canvas> for rendering.

Side effects are expected:

• picture-in-picture compatibility may be affected
• slow devices may no longer be able to handle streams they once could
• Slightly more video delay. Frame pacing will probably suffer too.
• devices may not be prevented from going to sleep as they once were, if the browser stops reporting active video playback.

Related issues: https://github.com/bp2008/ui3/issues/124 https://github.com/bp2008/ui3/issues/130

[bp2008]

The workaround has been implemented in UI3-228.

Keeping issue open to monitor for issues with the workaround.

[bp2008]

Picture-in-picture still works (in Chrome on Windows), however it is a little odd now because PiP normally suppresses rendering of the regular video element. But now when you zoom in, the UI begins rendering the video in a canvas and it becomes visible again within the UI3 window.

[bp2008]

As anticipated, the HTML5 video player no longer keeps the screen alive if it is in canvas rendering mode. As this only happens when you are zoomed in, I'm not too concerned. This will become a non-issue later when https://github.com/bp2008/ui3/issues/124 is handled.