search

sampotts / plyr

A simple HTML5, YouTube and Vimeo player
https://plyr.io
MIT License
26.61k stars 2.93k forks source link

Horizontal line distortion in player #2060

Open parthsaxena opened 3 years ago

parthsaxena commented 3 years ago

We are experiencing an issue with the Plyr where there is a thin horizontal line running across the player that is slightly distorting the content. The effect is subtle but once you notice it, it's hard to unsee it. We are sure the issue is not with the streaming server or source video since we have successfully streamed problematic media from Chrome's built-in player and VLC.

Expected behaviour

There should be no thin horizontal line that is subtly distorting the video. Here's a screenshot when using Chrome's player (where the issue does not occur): goodone

Actual behaviour

There is a thin horizontal line that is distorting the video. Here's a screenshot when using Plyr (where the issue occurs):

distorted

Steps to reproduce

I am not totally sure what is causing the issue, since it only happens for certain videos. It is most definitely an issue with Plyr, since the issue does not occur when using other methods of streaming the video such as Chrome's default media player or VLC. Thus, I'm sure that it is not an issue with the source media. I can submit some of the styles we applied to the player if that may help in diagnosing the issue.

Environment

We are developing an Electron application that uses Plyr to stream video content.

Console errors (if any)

N/A

Link to where the bug is happening

N/A

anshulpanda commented 3 years ago

I am having the same issue as well. I am not sure of where this issue is coming from... it would be great if someone could point me in the right direction.

sampotts commented 3 years ago

Do you have a link I can use to test this on? It could be something with CSS (which seems the most likely). It's very odd though since Plyr is just a styling wrapper of the default player.