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:
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
- tous les bascules et éléments du lecteur seront désactivés (y compris le bouton play/pause!)
- la vidéo se boucle automatiquement.
- La vidéo sera mis à autoplay.
- 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
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.
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>