api - suscribirse - ¿Con la cuenta de Vimeo Plus, cómo ocultar/eliminar el botón "reproducir" en medio de un video incrustado?

vimeo oembed

Question

En la búsqueda, encontré esto que dice que Vimeo aún no lo admite. ¿Pero me preguntaba si alguien ha encontrado formas inteligentes a su alrededor todavía?

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

Aquí hay una imagen:

Answer 1

Ahora puedes eliminar todos los controles

Solo quería actualizar a alguien nuevo mirando esto. Ahora parece que es posible tener un video incrustado sin ninguno de los controles, mediante el uso de una función experimental: background=1

Cosas a tener en cuenta

1. Todos los elementos y elementos del reproductor se desactivarán (incluido el botón de reproducción / pausa)
2. El vídeo se reproducirá automáticamente.
3. El video se configurará para reproducción automática.
4. El video será silenciado.

luego puede usar el js-api para controlar el video (pausar, reproducir, etc.).

Ejemplo de código de inserción

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

Vea la publicación del foro aquí: https://vimeo.com/forums/help/topic:278001

Answer 2

En tu cuenta de Vimeo ve al video que deseas incrustar, luego ve a Configuración> Incrustar. Una vez allí habilitar la opción "Mostrar barra de reproducción". Esto eliminará el botón Reproducir en la mitad de la imagen de video, pero mostrará la Barra de reproducción en la parte inferior de la imagen. Por lo que puedo decir es o bien. Me encantaría poder ocultar ambos para que solo vea el cuadro de póster limpio del video y haga clic en él para iniciar la reproducción. Si alguien sabe como por favor hágamelo saber.

Answer 3

Espero que esto no esté en contra de las reglas de Vimeo, pero es posible ocultar esos botones.

<!-- 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>