JSON2VIDEO Documentation Quote video
A short video that overlays an inspirational or product quote on a looping video background, with attribution and a soft music bed. Designed for social feeds and email signatures.
Complete JSON
{
"comment": "Quote over a video background with attribution",
"resolution": "squared",
"quality": "high",
"scenes": [
{
"duration": 8,
"elements": [
{
"type": "video",
"src": "https://cdn.json2video.com/assets/samples/abstract-loop.mp4",
"fit": "cover",
"volume": 0
},
{
"type": "component",
"component": "basic/004",
"settings": {
"background-color": "rgba(0,0,0,0.4)"
}
},
{
"type": "text",
"text": "“The best way to predict\nthe future is to invent it.”",
"y": 350,
"style": "002",
"settings": {
"font-size": "70px",
"color": "white",
"font-weight": "600",
"text-align": "center",
"line-height": "90px"
}
},
{
"type": "text",
"text": "— Alan Kay",
"y": 700,
"style": "002",
"settings": {
"font-size": "40px",
"color": "#FFB85C",
"font-style": "italic"
}
}
]
}
],
"elements": [
{
"type": "audio",
"src": "https://cdn.json2video.com/assets/audios/soft-piano.mp3",
"volume": 0.5,
"fade-out": 2
}
]
}
How it works
The single scene runs for 8 seconds — the read-time for a short quote without losing momentum on social feeds. The background video has volume: 0 so its native audio doesn't fight the music bed, and fit: "cover" ensures it fills the square frame regardless of the source aspect.
A semi-transparent dark overlay (the basic/004 component with a 40% black background) sits between the video and the text. Without it, the quote can be hard to read against a busy background. Adjust the alpha (rgba(0,0,0,0.4)) up for darker, more legible text or down for a more cinematic look.
Two text elements give the quote and the attribution. Using two elements (rather than one with embedded line breaks for the author) lets you style them independently — the quote in a larger, plain white; the author in a smaller italic accent colour. The “ ” curly quotes are deliberate — they look professional. Match the colour of the attribution (#FFB85C) to your brand accent.
The squared resolution (1080×1080) works for Instagram feed, LinkedIn, and Twitter inline previews. For Stories / Reels switch to instagram-portrait.
Try it
Plug in your own quote and author. For brand quotes (a testimonial from a customer, your own brand promise), match the background video and accent colour to your brand. The structure stays the same — only the strings change. This is a great candidate for a template where quote and author are variables.