Getting started
Minimal audio player embed with default controls.
Preview
Props & interactive options
| Prop | Type | Default | Description | Try it |
|---|---|---|---|---|
| auto_play | url param | off | Start playback automatically. | |
| muted | url param | off | Start muted. | |
| loop | url param | off | Loop playback. |
auto_play automatically enables muted so playback can start; viewers can then unmute manually.Documentation
The simplest audio player setup: play/pause, time display, volume control, and a progress bar. Configure autoplay, muted start, and preload strategy.
Code
<iframe
id="videas-019dcfae-f45e-74ab-b9e5-95717151c5b7"
src="https://app.videas.com/embed/019dcfae-f45e-74ab-b9e5-95717151c5b7/"
width="100%" height="200"
frameborder="0" allowfullscreen
></iframe>
<script>
window.addEventListener('message', function(e) {
if (e.data && e.data.type === 'videas:embed:resize') {
var f = document.getElementById('videas-' + e.data.embedId);
if (f) f.style.height = e.data.height + 'px';
}
});
</script>Frequently asked questions
Why does the iframe height adjust automatically?
The audio player posts a <code>videas:embed:resize</code> message to the parent window whenever its content grows or shrinks (playlist expansion, subtitle cues, chapter panel…). The snippet above includes the small listener that resizes the iframe — drop it on your page once and the embed stays pixel-perfect.
Which autoplay strategies work on mobile for audio?
Same rules as for video: <code>muted=1</code> combined with <code>auto_play=1</code> is the only combination guaranteed to start without user interaction on iOS Safari and Chrome Android. Unmuted autoplay requires a previous tap somewhere on the page.
Does the player pre-download the entire audio file?
No. Audio is streamed progressively: the browser fetches only the portion needed to keep playback buffered, and continues as the viewer listens. Large files don't block the page load.