OneDrive File Issues

How to Fix OneDrive Embedded Videos Showing a Dark Border

Maira Mehtab Sep 22, 2026 868 views

Question details

Users are encountering an unexpected display issue where embedded OneDrive videos suddenly feature an unwanted dark gray border and a malfunctioning close button after a recent platform update.

Product: Microsoft OneDrive
Device & OS: not provided
Scenario: Playing embedded OneDrive videos on a third-party webpage or external platform.
Observed behavior: The OneDrive video embed player renders with a dark gray border around the content, and the player's close button does not behave or function correctly.

Before you start

Clear your web browser's cache and cookies to ensure you are not loading an outdated or cached version of the OneDrive media player script.

Solution 1Recommended

Test Alternative Browsers and New Embed Codes

Isolate the issue by checking if the dark border is caused by a specific browser's rendering engine or if it affects all newly generated video links.

Because Microsoft OneDrive updates its web player interface periodically, temporary visual glitches can occur on specific browser versions. Testing alternative environments helps determine if the issue is localized.

Open a different web browser

Launch an alternative browser (such as Google Chrome, Mozilla Firefox, or Microsoft Edge) that you do not normally use.

Test the existing embed

Navigate to the webpage containing your embedded video and check if the dark gray border and broken close button are still present.

Generate a new embed code

Log into OneDrive, right-click the video file, select 'Embed', and copy the newly generated iframe code. Paste this into a test page to see if Microsoft has fixed the rendering for newly embedded files.

Solution 2

Escalate the Interface Bug to Microsoft Support

If the problem persists across multiple browsers and devices, it is a service-side interface bug that must be reported directly to Microsoft.

Free Microsoft Office alternative

Looking for a More Reliable Office and Document Solution?

If unexpected interface updates and media glitches in the Microsoft ecosystem are disrupting your workflow, consider switching to WPS Office. It provides a lightweight, highly compatible, and stable environment for managing all your files.

1. Download the installer: Visit the official WPS Office website and download the free installation package for your operating system.
2. Install and launch: Run the installer, follow the on-screen prompts, and open the WPS Office application.
3. Access integrated cloud features: Sign in to activate your free WPS Cloud space, allowing you to seamlessly upload, share, and manage your documents.

Fully compatible with Microsoft Office formats (.docx, .xlsx, .pptx).Integrated cloud storage for seamless document sharing and media management without embed glitches.Lightweight application that uses minimal system resources.Free to use with a familiar, user-friendly interface.

microsoft office alternative - wps office

Frequently Asked Questions

Why did a dark gray border suddenly appear on my embedded OneDrive video?

This display issue typically occurs when Microsoft rolls out a backend update to the OneDrive media player interface. It is often a temporary glitch affecting the iframe's CSS styling.

How can I fix the OneDrive embed close button not working?

First, test the video in an incognito window or a different browser. If the close button still malfunctions, the script is likely broken on Microsoft's end, and you will need to wait for them to patch the embed player.

Will re-embedding the video remove the dark borders?

Sometimes generating a fresh embed code from the OneDrive web interface can resolve the issue if Microsoft has deployed a fix for new embeds but hasn't updated older cached versions.

Document & File Issues