The video is blurry at the beginning. Later, it loads without any blur.

[Mugdha187]

Be sure to search for your issue before opening a new one.

Current Behavior

The video is blurry at the beginning for 10 seconds. Later, it loads without any blur. This issue occurs when the video file type is .m3u8. I also tried accessing the video using ReactHlsPlayer, but the initial blurriness issue still persists.

Expected Behavior

The video should not start blurry.

Steps to Reproduce

Used following syntax to render video using ReactPlayer.

<ReactPlayer>
          controls
          url={src}
          width="100%"
          height="100%"
          light=true
</ReactPlayer>

Environment

• URL attempting to play:
• Browser:
• Operating system:
• jsFiddle example: https://jsfiddle.net/sv5x3ug1

Other Information