Hi,
Why is that?
That bar is build out of two elements - the upper one is part of the thumbnail bar and the lower one part of the control bar. When opening the thumbnail bar, the upper element will move up (because simple moving an element is way faster than scaling).
The two elements are designed to overlap to get a seamless look when using drop-shadows or rounded edges. The overlap is defined in the <skin_settings> as controlbar_overlap setting. You can set it to 0 to avoid that problem.
The problem itself happens when using a custom fractional page or desktop scaling - the elements will be scaled by the browser and the final pixel-grid fitting is also done by the browser and how the browser scales the sizes and fits the elements, there can be either a gap or overlap between the elements.
Solutions could be:
- not using fractional page/desktop scalings
- setting controlbar_overlap=0 (but then there would be a small optical error between the thumbbar and control when the thumbbar is open)
- using a different layout/design
Is there any solution to workaround for the moment ? Maybe an alpha version of gyro plugin ?
Please contact me by mail about this.
Is there any known issue that makes a video getting stopped even it's a local video, on desktop device
No known ones, but maybe browser bugs...
should we be able to use bigger size videos like 4096 * 2048 px ?
Yes, but basically that depends on the system and the browser. The browser needs to is able to decode the video correctly and WebGL (your GPU) needs to support large enough texture sizes (in the most cases the max. texture size is 4096x4096, only a few older systems are limited to 2048x2048).
Best regards,
Klaus