Videos stuck in a small window? Here are 7 tested fixes for fullscreen issues on Chrome, Safari, iPhone, YouTube, WordPress and embedded video players.

You click the fullscreen button and nothing happens. Or the video expands halfway, leaves black bars, or snaps back to its small window. This is one of the most common video playback problems in 2026, and it almost always has a simple fix.
The cause depends on where you're watching. Browser videos fail for different reasons than videos embedded on websites. Both behave differently on iPhones than on Android or desktop. This guide covers all seven cases with the exact steps to fix each one.
Key takeaways
allowfullscreen attribute in the iframe code to workChrome is the most common browser where fullscreen breaks, and the fix usually takes under two minutes. The three most common causes are an old browser version, a bad extension, or a graphics driver conflict (Google Chrome Help Community, 2026, retrieved 2026-06-16).
Open Chrome, click the three-dot menu in the top right, go to Help, then About Google Chrome, and the browser checks for updates on its own. If an update downloads, click Relaunch. Outdated versions miss patches for the Fullscreen API that Google ships regularly.
This is the fix that clears most stubborn Chrome fullscreen bugs. Hardware acceleration lets your graphics card handle video playback. When the GPU driver is out of date or has a conflict, the video freezes, goes black, or won't expand.
Test fullscreen again. If the problem is gone, your GPU driver was the issue. You can update your GPU driver and re-enable hardware acceleration later.
Extensions that modify page layout, block ads, or inject scripts can break the Fullscreen API, and the fastest way to check is to open an Incognito window (Ctrl+Shift+N on Windows, Cmd+Shift+N on Mac) and try fullscreen there, because Incognito turns off all extensions by default. If fullscreen works in Incognito, one of your extensions is the culprit. Turn them off one by one to find it.
Corrupted cached data can cause playback issues. Go to Chrome Settings, click Privacy and Security, then Clear Browsing Data. Select "Cached images and files" and "Cookies and other site data." Clear and restart.
YouTube fullscreen problems are almost always caused by the browser, not YouTube itself. YouTube's player uses the same fullscreen system as every other HTML5 video. If Chrome or Safari has a bug, YouTube gets hit too (Google Chrome Help Community, 2026, retrieved 2026-06-16).
Try these steps in order:
If YouTube fullscreen fails only on a second monitor, the issue is usually display scaling mismatch between monitors. Set both monitors to the same scaling percentage.
Apple's iOS does not allow web browsers to play video in true fullscreen using the HTML5 Fullscreen API. Instead, iOS hands the video to Apple's native media player. This is a deliberate design decision by Apple, not a bug (Apple Developer Documentation, 2026, retrieved 2026-06-16).
What this means in practice:
playsinline attribute on video tags. Without it, the video may auto-expand to the native player unexpectedly.If you're a viewer, there's no workaround for the iOS browser restriction. Watching in the platform's native app (YouTube app, Vimeo app) usually gives a better fullscreen experience than the browser.
If you're a content creator, add both playsinline and webkit-playsinline to your video tags for inline playback. Set your interactive video platform to fall back gracefully when iOS strips the interactive layer.
Videos on websites play inside an iframe. Iframes don't get fullscreen access unless the embed code says so. This is the most common reason fullscreen fails on WordPress, Wix, Shopify, Squarespace, and Webflow sites.
allowfullscreen attributeEvery video embed code needs the allowfullscreen attribute in the iframe tag. Without it, the browser blocks the fullscreen request silently. Here is what correct embed code looks like:
<iframe
src="https://www.youtube.com/embed/VIDEO_ID"
width="560"
height="315"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
allowfullscreen
></iframe>
Include both allowfullscreen (the older tag) and allow="fullscreen" (the newer one) for the widest browser support.
Some sites have server-level rules that block iframes from loading video from outside domains. If you control the server, check your Content Security Policy headers and make sure the video host's domain is on the allow list.
Interactive videos add clickable overlays, quizzes, branching paths, and hotspots on top of the video player. These elements require the iframe to have both allowfullscreen and JavaScript access to the page. When either is missing, the interactive elements work but fullscreen doesn't.
At Clixie, we see this issue most often when L&D teams embed training videos into their LMS or company intranet, and the IT team locks down iframe permissions without realizing it blocks fullscreen for the entire training library. The fix is always the same: add allowfullscreen to the iframe and whitelist the video domain in the CSP headers.
allowfullscreen and allow="fullscreen". If your platform's default embed code doesn't include these, add them manually.For SCORM-packaged interactive videos running inside an LMS, fullscreen behavior depends on the LMS's iframe configuration. Most modern LMS platforms (Canvas, Moodle, Blackboard) support fullscreen iframes, but older installations may need a configuration update.
Android handles video fullscreen differently depending on the browser and app. Chrome for Android supports the HTML5 Fullscreen API. But in-app browsers (the mini-browsers inside Facebook, LinkedIn, Instagram, and email apps) often do not.
If none of the fixes above resolve the problem, the issue is likely one of these:
The video itself is restricted. Some video hosting platforms allow the uploader to disable fullscreen. If you're watching someone else's video and fullscreen is disabled, there's no fix on your end.
A parent iframe blocks it. If the video sits inside another iframe (common in LMS tools, helpdesk widgets, and third-party portals), the outer iframe must also grant allowfullscreen. Each nested iframe needs the tag on its own.
A browser bug. Chrome on Linux sometimes has fullscreen glitches tied to window display settings. The quick fix is to launch Chrome with the flag --ozone-platform=x11, though this turns off GPU video decoding.
Your GPU drivers are old. On Windows, old NVIDIA or AMD drivers cause black screens, freezes, or half-drawn video when you enter fullscreen. Get the latest drivers from the maker's website, not through Windows Update.
If you publish videos on your own website or inside an LMS, the single most common fullscreen complaint from viewers is a missing allowfullscreen attribute. Before blaming the browser or the device, check the embed code first. In our experience at Clixie, roughly 80% of "fullscreen doesn't work" support tickets resolve by adding that one attribute.
For teams building interactive training videos with quizzes and branching, test fullscreen on Chrome, Safari, Firefox, and at least one phone before you publish. That catches most issues before your learners hit them. Build it into your QA checklist.
This usually happens when a browser extension intercepts the fullscreen request and cancels it. Ad blockers, popup blockers, and privacy extensions are the most common causes. Test in an Incognito or Private window with all extensions disabled. If fullscreen works there, disable extensions one by one to find the conflict.
Use the keyboard shortcut instead of clicking the icon. On Windows, press F11 to make the entire browser fullscreen, then press F to make the video fullscreen inside it. On Mac, press Control+Command+F for the browser, then F for the video. This bypasses most JavaScript-level fullscreen bugs.
Each website controls its own iframe embed settings. Say fullscreen works on YouTube.com but not on a video embedded elsewhere. That usually means the other site's iframe code is missing the allowfullscreen tag. It could also be that the site's Content Security Policy is blocking it. The viewer can't fix this. The website owner needs to update the embed code.
Not through Safari or other iOS browsers. Apple restricts the HTML5 Fullscreen API on iOS. Standard videos play through Apple's native player (which does support fullscreen), but interactive overlays are stripped out. Using the video platform's native app, if available, gives the best fullscreen experience on iPhone.
A black screen in fullscreen is almost always a hardware acceleration conflict. Open Chrome Settings, go to System, and turn off "Use hardware acceleration when available." Restart Chrome and try again. If that fixes it, update your GPU driver from the manufacturer's website.
Yes. Videos with clickable elements, quizzes, and branching paths go fullscreen in all major desktop browsers as long as the embed code has the allowfullscreen tag. On iOS, the interactive layer may not show in fullscreen because Apple's native player strips it. On Android, fullscreen works in Chrome but may not work in in-app browsers.