Premiers pas

Intégration minimale du player audio avec les contrôles par défaut.

audio

Aperçu

Props & options interactives

Prop	Type	Défaut	Description
auto_play	url param	off	Démarrer la lecture automatiquement.
muted	url param	off	Démarrer muet.
loop	url param	off	Lecture en boucle.

Documentation

La configuration la plus simple du player audio : play/pause, affichage du temps, contrôle du volume et barre de progression. Configurez l'autoplay, le démarrage muet et la stratégie de préchargement.

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>

Questions fréquentes

Pourquoi la hauteur de l'iframe s'ajuste-t-elle automatiquement ?

Le player audio envoie un message <code>videas:embed:resize</code> à la fenêtre parente chaque fois que son contenu s'agrandit ou se réduit (déploiement de playlist, sous-titres, panneau de chapitres…). Le snippet ci-dessus inclut le petit écouteur qui redimensionne l'iframe — placez-le une fois sur votre page et l'embed reste au pixel près.

Quelles stratégies d'autoplay fonctionnent sur mobile pour l'audio ?

Mêmes règles que pour la vidéo : <code>muted=1</code> combiné à <code>auto_play=1</code> est la seule combinaison garantie de démarrer sans interaction utilisateur sur iOS Safari et Chrome Android. L'autoplay avec son nécessite un tap préalable quelque part sur la page.

Le player télécharge-t-il tout le fichier audio à l'avance ?

Non. L'audio est diffusé progressivement : le navigateur ne récupère que la portion nécessaire pour maintenir la mise en mémoire tampon de la lecture, et poursuit au fur et à mesure de l'écoute. Les fichiers volumineux ne bloquent pas le chargement de la page.