Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

86
Vistas
Modo PIP de vídeo Javascript

Estoy usando requestPictureInPicture para mostrar el elemento de video html, pero el problema es que el tamaño está limitado a alrededor de 920 x 540 en el modo PIP.

¿Es posible obtener un tamaño más grande? O, excepto requestPictureInPicture , ¿hay alguna otra biblioteca para obtener esta función?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Seguro que la limitación es de 960*540 en pantallas con resoluciones de 1920x1080. Los valores más pequeños pueden estar relacionados con la relación de aspecto del video en sí.

La limitación proviene de la especificación utilizada para esta característica y es solo una recomendación . Pero la mayoría de los navegadores lo utilizan:

También se RECOMIENDA que la ventana Picture-in-Picture tenga un tamaño máximo y mínimo. Por ejemplo, se podría restringir para que sea entre un cuarto y la mitad de una dimensión de la pantalla.

Si realmente necesita vistas más grandes que el 50% de la pantalla actual, puede usar ventanas emergentes y reproducir el video allí o usar laAPI de pantalla completa . Un desafío con el método emergente es que las ventanas no tendrán un indicador always on top visible y/o una opción para activarlo.

Otro método sería hacer que el elemento de video se arrastre y cambie de tamaño. Esto sería similar a muchos reproductores de video de mensajería instantánea.

  • ¿Cómo cambiar el tamaño del video en HTML5 dinámicamente? .
  • Dale al elemento de video (o su contenedor) una position: fixed; y agregue un pequeño script para que el usuario lo mueva .
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda