Aller au contenu principal

Logo en surimpression

Logo du workspace avec position, opacité et URL de clic.

video

Aperçu

Props & options interactives

PropTypeDéfautDescriptionEssayer
show_logourl param1Afficher le logo du workspace.
logo_positionurl paramcontrol_barPosition du logo : top_left, top_right, bottom_left, bottom_right, control_bar.
logo_opacityurl param0.8Opacité du logo, de 0 (transparent) à 1 (opaque).
80%

Documentation

Affichez le logo de votre workspace par-dessus le player. L'image du logo est définie dans le dashboard Videas dans les paramètres d'apparence du workspace. Depuis l'URL d'embed, vous pouvez contrôler la visibilité du logo, sa position (haut-gauche, haut-droite, bas-gauche, bas-droite ou dans la barre de contrôle) et son opacité. Le logo peut également rediriger vers une URL au clic. Utilisez les options ci-dessus pour essayer différentes positions et niveaux d'opacité en temps réel.

Code

HTML
<div style="padding:56.25% 0 0 0;position:relative;">
  <iframe
    src="https://app.videas.com/embed/019dcf5b-0c22-731c-8e3c-d24264812bd5/?show_chapters=0&show_logo=1&logo_position=control_bar&logo_opacity=0.8"
    width="100%" height="100%"
    frameborder="0" allowfullscreen
    allow="autoplay; fullscreen; picture-in-picture"
    style="position:absolute;top:0;left:0"
  ></iframe>
</div>

Questions fréquentes

Quel format d'image utiliser pour le logo ?

Préférez un <strong>PNG transparent ou un SVG</strong> avec un petit côté d'environ 120 px. Le SVG est recommandé : il reste net à toutes les tailles (plein écran 4K, mini-fenêtre PiP) sans alourdir le poids du player.

Le logo peut-il renvoyer vers mon site ?

Oui. Une URL de redirection se configure à côté de l'image du logo dans les réglages d'apparence du workspace. Quand elle est définie, le survol du logo affiche un curseur pointer et le clic ouvre l'URL dans un nouvel onglet sans interrompre la lecture.

Comment masquer le logo sur un embed précis ?

Passez <code>show_logo=0</code> dans l'URL d'embed. Pratique pour les pages co-brandées, les sites partenaires, ou quand vous voulez un rendu minimaliste. Le réglage du workspace reste intact et le logo réapparaît sur tous les autres embeds.