Why not always use 1080x1920 for vertical video?

Bandwidth and battery. On mobile networks, 720×1280 loads faster and consumes less power during decode. For ephemeral content like Stories, the quality difference is rarely noticed.

Does 720x1280 look bad on modern phones?

On screens under 6 inches, the difference from 1080p is subtle. Modern phones upscale 720p content effectively. Quality becomes noticeably limited only when viewing full-screen on tablets.

Vertical HD Placeholder Video (720×1280)

Generate 720×1280 placeholder videos instantly via URL.9:16 aspect ratio, 10-second duration, MP4 H.264.

About Vertical HD Resolution

720×1280 represents the vertical equivalent of 720p HD, rotated 90 degrees for portrait-oriented devices. This resolution gained prominence with Snapchat's vertical video format and became the standard for Instagram Stories when that feature launched in 2016. The dimensions match the aspect ratio of most smartphone screens from that era, providing edge-to-edge video without letterboxing. While 1080×1920 has since become the preferred vertical resolution, 720×1280 remains relevant for bandwidth-conscious applications and older device support.

Video Preview

Direct URL

Copy this URL to use your Vertical HD placeholder video:

https://placeholdervideo.dev/720x1280

Technical Specifications

Resolution: 720 × 1280 pixels
Aspect Ratio: 9:16
Category: portrait
Duration: 10 seconds
Format: MP4 (H.264, AAC-LC silent audio)
Frame Rate: 30 fps
Approx. MP4 Size: 212 KB-382 KB
Generation Time: about 1-2 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 720×1280 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="720"
  height="1280"
  poster="https://placeholdervideo.dev/poster/720x1280"
>
  <source src="https://placeholdervideo.dev/720x1280" 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/720x1280'
  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: 720, height: 1280, duration: 10 })

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

curl / ffprobe

curl -L -o placeholder-720x1280.mp4 https://placeholdervideo.dev/720x1280

ffprobe -v error \
  -select_streams v:0 \
  -show_entries stream=codec_name,width,height,pix_fmt \
  -show_entries format=duration \
  -of json placeholder-720x1280.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 720×1280

Use 720×1280 placeholders when testing vertical video on mid-range devices or developing for markets with bandwidth constraints. The resolution is appropriate for in-app story features, messaging video, and any vertical format where 1080×1920 would be overkill. If your analytics show significant traffic from devices older than 2018, 720×1280 ensures smooth playback on their hardware.

Integration Examples

HTML

<video src="https://placeholdervideo.dev/720x1280" width="720" height="1280" controls></video>

JavaScript Fetch

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

cURL

curl -O https://placeholdervideo.dev/720x1280

Technical Considerations

Vertical 720p requires similar bitrates to horizontal 720p (1.5-3 Mbps) due to identical pixel count. The portrait orientation can expose decode issues on some older chips optimized for landscape video. File sizes run 2-4 MB for 10 seconds. All modern mobile devices handle this resolution without issues.

Common Questions

Why not always use 1080x1920 for vertical video?: Bandwidth and battery. On mobile networks, 720×1280 loads faster and consumes less power during decode. For ephemeral content like Stories, the quality difference is rarely noticed.
Does 720x1280 look bad on modern phones?: On screens under 6 inches, the difference from 1080p is subtle. Modern phones upscale 720p content effectively. Quality becomes noticeably limited only when viewing full-screen on tablets.

Related Guides

Learn more about generating videos programmatically in the API documentation.