Will 19.5:9 video display correctly on standard 9:16 screens?

It will be letterboxed, showing black bars above and below. Design for safe areas if content must work across both aspect ratios.

Is there a standard for tall phone aspect ratios?

No. Ratios vary: 19.5:9 (iPhone), 20:9 (Samsung), 21:9 (Sony). 1080×2340 targets the most common iPhone ratio but won't perfectly match all devices.

Tall Mobile Placeholder Video (1080×2340)

Generate 1080×2340 placeholder videos instantly via URL.19.5:9 aspect ratio, 10-second duration, MP4 H.264.

About Tall Mobile Resolution

1080×2340 reflects the stretched aspect ratios of modern smartphones, particularly iPhone X and later models with 19.5:9 displays. This "tall" format emerged when phone manufacturers eliminated bezels and added notches, creating screens taller than the traditional 16:9 ratio. The resolution enables edge-to-edge video experiences that extend behind system UI elements. While content platforms still standardize on 9:16, native app developers use 19.5:9 when building immersive interfaces that leverage the full display area.

Video Preview

Direct URL

Copy this URL to use your Tall Mobile placeholder video:

https://placeholdervideo.dev/1080x2340

Technical Specifications

Resolution: 1080 × 2340 pixels
Aspect Ratio: 19.5:9
Category: portrait
Duration: 10 seconds
Format: MP4 (H.264, AAC-LC silent audio)
Frame Rate: 30 fps
Approx. MP4 Size: 262 KB-472 KB
Generation Time: about 2-6 seconds uncached; repeat requests should hit cache
Video Codec: H.264 / AVC, Baseline profile, yuv420p
Audio Codec: AAC-LC silent stereo, 48 kHz

Copy-Paste Use Cases

Use this 1080×2340 sample MP4 URL as a stable fixture in browser, end-to-end, and media pipeline tests. For broader examples, see the sample MP4 URL guide.

HTML Video

<video
  controls
  preload="metadata"
  width="1080"
  height="2340"
  poster="https://placeholdervideo.dev/poster/1080x2340"
>
  <source src="https://placeholdervideo.dev/1080x2340" type="video/mp4" />
</video>

Playwright / Cypress

// Playwright: assert the browser sees real video metadata.
const metadata = await page.locator('video').evaluate((node) => {
  const video = node as HTMLVideoElement
  video.src = 'https://placeholdervideo.dev/1080x2340'
  video.load()
  return new Promise<{ width: number; height: number; duration: number }>((resolve) => {
    video.addEventListener('loadedmetadata', () => {
      resolve({
        width: video.videoWidth,
        height: video.videoHeight,
        duration: Math.round(video.duration)
      })
    }, { once: true })
  })
})

expect(metadata).toEqual({ width: 1080, height: 2340, duration: 10 })

// Cypress: attach the same fixture URL in an existing player test.
cy.get('video')
  .invoke('attr', 'src', 'https://placeholdervideo.dev/1080x2340')
  .then(() => cy.get('video')[0].load())

curl / ffprobe

curl -L -o placeholder-1080x2340.mp4 https://placeholdervideo.dev/1080x2340

ffprobe -v error \
  -select_streams v:0 \
  -show_entries stream=codec_name,width,height,pix_fmt \
  -show_entries format=duration \
  -of json placeholder-1080x2340.mp4

Response Data

Content-Type	video/mp4
Cache-Control	public, max-age=86400, immutable
Accept-Ranges	bytes
Access-Control-Allow-Origin	*
X-RateLimit-Limit	60 standard / 10 heavy per minute

Browser compatibility: Chrome, Edge, Safari, Firefox, iOS Safari, Android Chrome, HTML5 video players such as video.js and Plyr.

When to Use 1080×2340

Use 1080×2340 when developing native iOS or Android applications that need to fill the entire screen on modern devices. This resolution is relevant for full-screen video backgrounds, camera viewfinders, and immersive media experiences. If you're building an app rather than content for social platforms, testing at 19.5:9 ensures proper handling of tall displays, safe areas, and notch/dynamic island accommodation.

Integration Examples

HTML

<video src="https://placeholdervideo.dev/1080x2340" width="800" height="1733" controls></video>

JavaScript Fetch

fetch('https://placeholdervideo.dev/1080x2340')
  .then(res => res.blob())
  .then(blob => {
    const url = URL.createObjectURL(blob)
    document.querySelector('video').src = url
  })

cURL

curl -O https://placeholdervideo.dev/1080x2340

Technical Considerations

The tall aspect ratio increases file sizes about 22% compared to 1080×1920 due to additional pixels. Encode settings similar to 1080p work well for real production video, while this placeholder uses browser-compatible H.264 MP4 settings for deterministic testing. Hardware support is universal on devices with these displays (iPhone X+, most Android flagships since 2018). The unusual aspect ratio may cause issues with players that assume 16:9 or 9:16.

Common Questions

Will 19.5:9 video display correctly on standard 9:16 screens?: It will be letterboxed, showing black bars above and below. Design for safe areas if content must work across both aspect ratios.
Is there a standard for tall phone aspect ratios?: No. Ratios vary: 19.5:9 (iPhone), 20:9 (Samsung), 21:9 (Sony). 1080×2340 targets the most common iPhone ratio but won't perfectly match all devices.

Related Guides

Learn more about generating videos programmatically in the API documentation.