Forum Discussion
Adding videos to a slide causes a black/grey border to appear
Is there any solution for this? We have avatar videos throughout our modules and we are getting complaints about the video borders that I can't seem to remove.
Granted, I haven't read through all of the comments here to see if this was suggested but I posted this potential solution the other day for someone else. It does alleviate the bottom/right border artifacts in tests I have run. Perhaps it will fix your problem.
This uses a CSS filter to move the rendering from the CPU to the GPU, which seems to fix the issue. Could be applied to videos individually, or as a Master Slide trigger applied to all visible videos at once for each new slide.
Note: For my setup, this only seems to be an issue on displays with a pixel ratio greater than 1. My displays with lower ratios do not show the artifacts at any scale size.
By pixel ratio greater than one are you referring to 4K or retina monitors, or something else?
That was just an observation really, for my multimonitor setup. Anyway, in the browser developer panel console (F12 | Console) you can see the current value by typing window.devicePixelRatio. It changes depending upon how many display pixels are used to display whatever is on screen (which may be interpolated to fractions of a pixel). Browser zoom, Windows display scaling, and the actual device pixel ratio (physical pixel mapping) affect this.
It may or may not have anything to do with this border artifact issue. On my setup, I only see the artifact on certain displays (those scaled with a PR > 1). Even then, only at certain video sizes. I don't see it at all in Firefox, only in Chrome. I don't see it at all in any browser on my phone, which has higher PR than any of my displays.
The issue has been around for a while, so it is presumably complicated and hard to fix.
