web-dev-qa-db-fra.com

Avec le compte Vimeo Plus, comment masquer / supprimer le bouton "play" au milieu d'une vidéo embarquée?

En cherchant, je suis tombé sur cela qui dit que Vimeo ne le supporte pas encore. Mais je me demandais si quelqu'un avait encore trouvé des moyens intelligents pour contourner ce problème?

https://vimeo.com/forums/topic:37769

Voici une image:

enter image description here

apivimeo
23
guptron

Vous pouvez maintenant supprimer tous les contrôles

je voulais juste mettre à jour toute personne nouvelle à ce sujet. Il semble désormais possible d'avoir une vidéo intégrée sans aucun contrôle, en utilisant une fonction expérimentale: background=1

À noter

  1. Tous les bascules et éléments du joueur seront désactivés (y compris le bouton lecture/pause!)
  2. La vidéo sera automatiquement bouclée.
  3. La vidéo sera réglée sur la lecture automatique.
  4. La vidéo sera mise en sourdine.

vous pouvez ensuite utiliser js-api pour contrôler la vidéo (pause, lecture, etc.).

Exemple de code d'intégration

<iframe src="https://player.vimeo.com/video/76979871?background=1" 
   width="500" height="281" frameborder="0" webkitallowfullscreen 
   mozallowfullscreen allowfullscreen>
</iframe>

Voir le post du forum ici: https://vimeo.com/forums/help/topic:278001

39
OAC Designs

Dans votre compte Vimeo, accédez à la vidéo que vous souhaitez intégrer, puis accédez à Paramètres> Intégrer. Une fois là, activez l'option "Afficher la barre de lecture". Cela éliminera le bouton Lecture au milieu de votre image vidéo, mais affichera la barre de lecture au bas de votre image. D'après ce que je peux dire, c'est soit/ou. Je serais ravi de pouvoir cacher les deux afin que vous ne voyiez que le cadre d'affiche propre de la vidéo et cliquez dessus pour lancer la lecture. Si quelqu'un sait comment, veuillez me le faire savoir.

3
user2473959

J'espère que ce n'est pas contraire aux règles de Vimeo, mais il est possible de masquer ces boutons.

<!-- Video original height is 280px -->
<style type="text/css" media="screen">
    #wrapper {
        overflow: hidden;
        position: relative;
        width: 500px;
        height: 560px;   /* height x 2 */
    }
    #wrapper iframe {
        position: absolute;
        left: 0px;
        top: -140px;  /* video height / 2 */
    }
</sytle>


<div id="wrapper">
    <iframe id="player1" 
        src="http://player.vimeo.com/video/83762493?loop=1&autoplay=1" 
        width="500" height="560" <!-- vide height x 2 -->
        frameborder="0">
    </iframe>
</div>
1
jruutu