Aller au contenu principal
Tous les tutoriels
Tutoriel 03 5 min

Intégrer une vidéo sur votre site web

Copiez le code et collez-le dans n'importe quel constructeur de pages, CMS ou modèle HTML. Compatible avec WordPress, Webflow, Squarespace et le HTML brut.

Le code d’intégration

Chaque vidéo dispose d’un code d’intégration unique accessible depuis la page de détail de la vidéo. Cliquez sur Copier l’intégration pour le copier dans votre presse-papiers.

<script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>

Placez cette balise n’importe où dans le HTML de votre page à l’endroit où vous souhaitez que le lecteur apparaisse. Le script remplace la balise par un lecteur responsive.

WordPress

Dans l’éditeur de blocs, ajoutez un bloc HTML personnalisé et collez le code. Dans l’éditeur classique, basculez vers l’onglet Texte et collez directement dans la zone de contenu.

Webflow

Dans le designer Webflow, ajoutez un élément Intégration à votre page et collez le code dans le champ de code. Publiez la page pour que la modification prenne effet.

Squarespace

Ajoutez un bloc Code à votre page et collez le code. Assurez-vous que Afficher la source est désactivé.

HTML brut

Collez le code directement dans votre fichier HTML à l’endroit où vous souhaitez placer le lecteur. Aucune dépendance supplémentaire ni configuration n’est nécessaire.

Taille et mise en page

Le lecteur est responsive par défaut et occupe toute la largeur de son conteneur. Enveloppez-le dans un élément div avec une largeur fixe si vous avez besoin de contraindre la taille du lecteur.

<div style="max-width: 720px;">
  <script src="https://simplevideo.eu/embed.js" data-id="your-video-id" async></script>
</div>