Avec le compte Vimeo Plus, comment cacher / supprimer le bouton "Lecture" au milieu d'une vidéo intégrée?

en cherchant, je suis tombé sur ce qui dit que Vimeo ne le soutient pas encore. Mais je me demandais si quelqu'un avait encore trouvé des façons intelligentes de le contourner?

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

Voici une image:

enter image description here

17
demandé sur Spontifixus 2012-09-15 01:16:05

3 réponses

Vous pouvez maintenant supprimer tous les contrôles

je voulais juste mettre à jour tous les nouveaux qui regardent ça. Il semble maintenant possible d'avoir un embeded vidéo, sans aucun contrôle, à l'aide d'une fonctionnalité expérimentale: background=1

Choses à noter

  1. tous les bascules et éléments du lecteur seront désactivés (y compris le bouton play/pause!)
  2. la vidéo se boucle automatiquement.
  3. La vidéo sera mis à autoplay.
  4. la vidéo sera coupée.

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

Exemple 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 sur le forum ici: https://vimeo.com/forums/help/topic:278001

35
répondu OAC Designs 2015-12-02 16:34:22

dans votre compte Vimeo allez à la vidéo que vous souhaitez intégrer, puis allez à Paramètres > intégrer. Une fois sur place, activez l'option "Afficher la barre de lecture". Cela éliminera le bouton de lecture au milieu de votre image vidéo, mais affichera la barre de lecture au bas de votre image. À partir de ce que je peux dire, c'est soit/ou. J'aimerais pouvoir cacher les deux pour que vous voyez juste le cadre de poster propre de la vidéo et cliquez dessus pour lancer la lecture. Si quelqu'un sait comment, dites-le-moi.

3
répondu user2473959 2013-06-11 09:43:20

j'espère que ce n'est pas contre les règles de Vimeo, mais il est possible de cacher 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
répondu jruutu 2014-01-14 12:39:02