Video not going full screen? 7 fixes that actually work

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

Video not going full screen? 7 fixes that actually work

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

  • Most fullscreen failures on desktop are caused by outdated browsers, conflicting extensions, or hardware acceleration bugs
  • YouTube fullscreen issues usually resolve by clearing cache or disabling browser extensions
  • iPhones and iPads use Apple's native video player instead of the browser's, which blocks interactive overlays and some embed features
  • Embedded videos on websites need the allowfullscreen attribute in the iframe code to work
  • Keyboard shortcuts (F11 on Windows, Control+Command+F on Mac) can bypass broken fullscreen buttons

Quick reference: fullscreen keyboard shortcuts

Platform Shortcut What It Does
Windows (Chrome, Edge, Firefox) F11 Toggles browser fullscreen
Windows (video player) F Toggles video fullscreen in YouTube, Vimeo
macOS (all browsers) Control + Command + F Toggles browser fullscreen
macOS (video player) F Toggles video fullscreen in YouTube, Vimeo
iPhone / iPad Pinch out or tap fullscreen icon Enters native video player
Android Tap fullscreen icon or rotate to landscape Enters fullscreen mode

How do you fix fullscreen video in Chrome?

Chrome 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).

Update Chrome first

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.

Disable hardware acceleration

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.

  1. Open Chrome Settings
  2. Click System in the left sidebar
  3. Toggle off "Use hardware acceleration when available"
  4. Restart Chrome

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.

Check browser extensions

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.

Clear cache and cookies

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.

Why won't YouTube go full screen?

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:

  1. Press F (not F11). The F key triggers YouTube's native fullscreen toggle, which sometimes works when clicking the icon doesn't.
  2. Refresh the page. A simple reload clears temporary JavaScript errors.
  3. Clear your browser cache. Cached player scripts can conflict with updated YouTube code.
  4. Disable extensions. Ad blockers and script blockers are the most common culprits. Test in Incognito to confirm.
  5. Update your browser. YouTube drops support for old browser versions regularly.
  6. Check your display scaling. On Windows, display scaling above 100% (Settings, Display, Scale) can cause the video to appear windowed even in fullscreen. Try setting it to 100% temporarily.

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.

How do you fix fullscreen on iPhone and iPad?

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:

  • Standard videos (YouTube, Vimeo, MP4 files): these play in Apple's native player, which does support fullscreen. Tap the expand icon or pinch outward to enter fullscreen.
  • Interactive video embeds (videos with clickable overlays, quizzes, or branching): these often cannot go fullscreen on iOS because Apple's native player strips out the interactive layer. The viewer sees the video but loses the clickable elements.
  • Inline playback: iOS requires the playsinline attribute on video tags. Without it, the video may auto-expand to the native player unexpectedly.

What you can do

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.

Why do embedded videos fail to go full screen on websites?

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.

The missing allowfullscreen attribute

Every 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:

html

<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.

Platform-specific restrictions

Some website builders restrict iframe behavior for security:

Platform Fullscreen Support Fix
WordPress Supported by default in Gutenberg and Classic editor Check that your theme doesn't strip allowfullscreen from iframes
Wix Restricted on some embed types Contact Wix support to enable fullscreen for iframe embeds
Shopify Supported in custom HTML blocks Use the HTML block, not the Video section, which may strip attributes
Squarespace Supported via Code Block Paste full iframe code in a Code Block, not a Video Block
Webflow Supported via Custom Code Embed Paste iframe code in an Embed element with all attributes intact

Content Security Policy blocking

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.

How do you enable fullscreen for interactive video embeds?

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.

Step-by-step: enabling fullscreen for embedded interactive videos

  1. Get the embed code from your interactive video platform. In Clixie, click the Share icon at the bottom right of the video player, then copy the embed code.
  2. Paste the code into your website's HTML editor, CMS embed block, or LMS content area.
  3. Verify the iframe attributes. The embed code should include allowfullscreen and allow="fullscreen". If your platform's default embed code doesn't include these, add them manually.
  4. Test in the browser. Play the embedded video, then click the fullscreen icon in the player controls (usually bottom-left or bottom-right).
  5. If fullscreen still fails, check whether your site's CSP headers block the video domain, or whether a parent iframe (common in LMS environments) restricts fullscreen from nested iframes.

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.

What about Android fullscreen issues?

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.

Common Android fixes

  • Rotate to landscape. Many video players on Android enter fullscreen automatically when you rotate the phone to landscape orientation. If auto-rotate is off, enable it in your Quick Settings panel.
  • Use Chrome instead of an in-app browser. If you're watching a video inside the Facebook or LinkedIn app, tap the three-dot menu and choose "Open in Chrome." The in-app browser strips fullscreen support on many devices.
  • Clear Chrome cache. Same process as desktop: Settings, Privacy and Security, Clear Browsing Data.
  • Check for Android System WebView updates. The system-wide WebView component handles all web content inside apps that aren't full browsers, so if WebView is out of date, fullscreen can break across Facebook, LinkedIn, email clients, and any other app that shows web pages. Update it from the Google Play Store.

When fullscreen won't work no matter what you try

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.

Practical tip for video creators

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.

FAQs

Why does my video go fullscreen but then snap back to the small window?

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.

How do I force a video into fullscreen mode?

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.

Why does fullscreen work on one website but not another?

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.

Can I make embedded videos go fullscreen on iPhone?

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.

Why is my YouTube video black when I go fullscreen?

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.

Do interactive videos support fullscreen?

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.