Square HD Placeholder Video (720×720)

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

About Square HD Resolution

720×720 square video provides an intermediate quality tier between 480×480 and 1080×1080. The resolution offers HD-quality square content suitable for social media feeds where 1080×1080 might be excessive but 480×480 appears too low-resolution. Some platforms use 720×720 as a middle-tier option in adaptive streaming or for users on bandwidth-constrained connections.

Video Preview

Direct URL

Copy this URL to use your Square HD placeholder video:

https://placeholdervideo.dev/720x720

Technical Specifications

Resolution
720 × 720 pixels
Aspect Ratio
1:1
Category
square
Duration
10 seconds
Format
MP4 (H.264, AAC-LC silent audio)
Frame Rate
30 fps
Approx. MP4 Size
193 KB-347 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×720 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="720"
  poster="https://placeholdervideo.dev/poster/720x720"
>
  <source src="https://placeholdervideo.dev/720x720" 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/720x720'
  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: 720, duration: 10 })

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

curl / ffprobe

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

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

Response Data

Content-Typevideo/mp4
Cache-Controlpublic, max-age=86400, immutable
Accept-Rangesbytes
Access-Control-Allow-Origin*
X-RateLimit-Limit60 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×720

Use 720×720 placeholders when testing mid-tier social media video quality or developing for platforms that offer multiple square video quality options. The resolution is appropriate for feed content where file size matters but quality should remain acceptable on retina displays.

Integration Examples

HTML

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

JavaScript Fetch

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

cURL

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

Technical Considerations

Square 720p contains 518,400 pixels, allowing bitrates around 1.5-2.5 Mbps for good quality. Files run approximately 2-3 MB for 10 seconds. The resolution is universally hardware-accelerated and displays sharply on most modern devices.

Common Questions

Is 720x720 common on social platforms?
Less common than 1080×1080, but some platforms use it as a compression tier or for users on slower connections.
Should I use 720x720 or 1080x1080 for social media?
Use 1080×1080 for primary content. 720×720 is acceptable for secondary content or when bandwidth is constrained.

Related Guides

Learn more about generating videos programmatically in the API documentation.