Force Vimeo HTML5 Video incrustado

Intento incrustar un video de Vimeo y forzarlo a utilizar HTML5 de manera predeterminada.Force Vimeo HTML5 Video incrustado

Here's a thread de hacer lo mismo que yo estoy atando a hacer, pero con YouTube.

Here's another thread hablando de conseguir la cookie Vimeo HTML5

Here's a discussion of the issue 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 forma de obligar a HTML5 Vimeo incrusta aun cuando Flash está disponible? (Sé que la cookie debe trabajar en Safari pero tengo muchos usuarios de Chrome.)

Gracias.

Fuente

2012-09-12 Nick

Vimeo ha cambiado su código de inclusión a HTML5 por defecto cada vez que lo pruebo. Todavía recae Flash en Firefox, pero Safari y Chrome obtienen HTML5 como debería ser. ¡Ya no se necesitan hacks! – Nick

Actualmente no hay manera de forzar a HTML5 con el guión de inserción. El "reproductor universal" elige automáticamente el formato basado en el dispositivo.

La edad de inserción proporciona una manera de forzar a Flash, pero esa es la única otra opción.

Esperemos la opción en el futuro.

Fuente

2012-11-23 17:26:24 miketucker

No es exactamente una respuesta, pero parece que no hay ninguna ... – Nick

Parece que Vimeo ha cambiado recientemente su código de inclusión a HTML5 por defecto cada vez que lo pruebo. Todavía recae Flash en Firefox, pero Safari y Chrome obtienen HTML5 como debería ser. ¡Entonces ya no se necesitan hacks! – Nick

En un navegador con Flash se carga el reproductor en el modo HTML5 con el siguiente código. La zona de pruebas 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 para abrir la página web de Vimeo para el vídeo que necesita el permiso 'allow-pop-ups'. No es necesario para reproducir el video.

Editar: la adición completa ejemplo

Si tuviera sólo una visión negro es posible que el video tenía un tamaño de cero porque tenía el iframe configurada para rellenar los padres con un ancho de 100%, pero si el padre se encoge para caber entonces ese tamaño todavía sería cero. Aquí hay una página web completa con CSS para que el video ocupe la mayor parte de la página. Además, la transformación -webkit reflejará la imagen del video y luego la rotará ligeramente. Si se mostrara en flash esto produciría una pantalla negra ya que no puede manejar las rotaciones. Desde entonces, descubrí que esto probablemente no funcionará en Firefox en absoluto porque no es compatible nativamente con h.264, que es todo lo que vimeo sirve, y deshabilitar los complementos desactivará cualquier complemento que esté haciendo 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>

Fuente

2013-08-26 23:31:27 teknotus

teknotus, esta es una solución interesante desde una perspectiva técnica. Sin embargo, el código publicado anteriormente no me forma en las pruebas (en este momento): en lugar de un video incrustado, obtengo una caja negra. Estoy usando Chrome 30 sin extensiones habilitadas y todas las ventanas emergentes permitidas. ¿Esa configuración funciona para usted? – Nick

@ nickv2002 Agregué un archivo html completo a mi respuesta que acabo de probar. Espero que ayude. Lamento no haber respondido antes, la notificación del mensaje en stackoverflow fue demasiado sutil, y no lo vi durante más de un mes. – teknotus

Entre el momento de tu comentario y el de tu seguimiento, Vimeo parece haber cambiado su código ebed a HTML5 por defecto cada vez que lo pruebo.Todavía recae Flash en Firefox, pero Safari y Chrome obtienen HTML5. ¡Entonces ya no se necesitan hacks! – Nick

Force Vimeo HTML5 Video incrustado

Respuesta

Cuestiones relacionadas