Html5 video element background black and cannot be changed with css, as it works on Chrome.

Fixed Issue #12650712


Ossi J.
Jul 6, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce

Create a test page with html5 video element, make the element different aspect ratio from the video source, e.g. use video file that is 640x360 and make the video tag 640 wide and height 600 instead of 360.

Check in Chrome and Edge - I’m getting white (transparent) in Chrome, black in Edge.

If I add inline style to background color, e.g. green, Chrome applies the green, Edge stays black.

Not saying one or the other is better or defined in standards or wherever, but assuming Edge is trying to ‘get along’ with other browsers, and at least developers should be allowed to adjust the background color for video tag, where adjusting the video tag aspect ratio to video ratio is not feasible.


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Rick J.”

      Changed Assigned To to “Venkat K.”

      Changed Status to “Fixed”

    • Hello,

      Thank you for providing this information about the issue. We have confirmed the problem, and we are working on a solution for a future build of Edge. We are presently tracking this issue as a duplicate of an existing internal bug report. We look forward to additional feedback you may have on how we can improve Microsoft Edge.

      Best Wishes,
      The MS Edge Team

    • Why is the status "Fixed", shouldn’t it be “Duplicate” like this one with the link to the duplicate issue? (

    You need to sign in to your Microsoft account to add a comment.

    Sign in