play - Force Vimeo HTML5 Video Embed
vimeo hide share buttons (2)
Estoy tratando de incrustar un video de Vimeo y forzarlo a usar HTML5 por defecto.
Aquí hay un hilo acerca de hacer lo mismo que estoy intentando hacer, pero con YouTube.
Aquí hay otro hilo que habla sobre cómo obtener la cookie HTML5 de Vimeo.
Aquí hay una discusión sobre el tema en el sitio de Vimeo. Básicamente, lo haría en respuesta a las preferencias de un usuario en mi sitio, por lo que sus preocupaciones realmente no se aplican.
¿Alguien sabe una solución o una forma de forzar incrustaciones de HTML5 Vimeo incluso cuando Flash está disponible? (Sé que la cookie debería funcionar en Safari, pero tengo muchos usuarios de Chrome).
Gracias.
Actualmente no hay forma de forzar HTML5 con el script de inserción. El "reproductor universal" elige automáticamente el formato en función del dispositivo.
La integración antigua proporciona una forma de forzar Flash, pero esa es la única otra opción.
Esperemos la opción en el futuro.
En un navegador con flash, el reproductor se carga en modo html5 con el siguiente código. El sandbox evita que el iframe acceda a cualquier complemento, incluido el flash.
<iframe sandbox="allow-same-origin allow-scripts allow-popups"
id="foo" width="100%" height="90%"
allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""
src="http://player.vimeo.com/video/28544156?api=1">
</iframe>
Para permitir que el botón vimeo abra la página web de vimeo para el video, necesita el permiso ''Permitir ventanas emergentes''. No es necesario para reproducir el video.
Editar: añadiendo ejemplo completo
Si solo tuvieras una vista en negro, es posible que el video tuviera un tamaño de cero porque yo tenía el iframe configurado para llenar el padre con un ancho del 100%, pero si el padre se encogía para ajustarse, ese tamaño aún sería cero. Aquí hay una página web completa con el CSS para que el video llene la mayor parte de la página. Además, la transformación -webkit reflejará la imagen del video y luego lo rotará ligeramente. Si se mostraba en flash, se produciría una pantalla negra, ya que no puede manejar las rotaciones. Desde entonces he descubierto que esto probablemente no funcionará en Firefox en absoluto porque no es compatible de forma nativa con h.264, que es todo lo que sirve vimeo, y la desactivación de los complementos deshabilitará cualquier complemento que haga que h.264 funcione en Firefox.
<!DOCTYPE html>
<html>
<head>
<style>
div {
display: inline-block;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
position: absolute;
}
iframe {
-webkit-transform: scaleX(-1) rotate(2deg);
}
</style>
</head>
<body>
<div>
<iframe sandbox="allow-same-origin allow-scripts allow-popups"
id="foo" width="100%" height="90%"
allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen=""
src="http://player.vimeo.com/video/28544156?api=1">
</iframe>
</div>
</body>
</html>