Autor Tema: [Manual] Volver un video insertado de facebook responsive  (Leído 134 veces)

Desconectado graphixx

  • Whitehat - BIGDATA Scientist
  • Administrator
  • Jr. Member
  • *****
  • Mensajes: 80
  • Whitehat - BIGDATA Scientist
    • Sistemas y Controles
[Manual] Volver un video insertado de facebook responsive



Agregar al código html de la pagina una etiqueta <style> así:
Código: [Seleccionar]
<style>
.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
</style>

Poner el código por defecto que entrega facebook entre las etiquetas:
Código: [Seleccionar]
<div class="facebook-responsive">
<!-- código de facebook aquí -->
</div>

Fuente:
https://stackoverflow.com/questions/42263810/responsive-facebook-embed-video

Ejemplo de como queda:
https://www.sistemasycontroles.com/blog/biblioteca-empresarial/sociedades-2021-cuando-alguien-te-dice-que-te-necesita-en-su-proyecto/
« Última Modificación: Febrero 28, 2021, 11:31:12 am por graphixx »
Para tus servicios y comprar productos de Sistemas piensa en contratarnos, usa el botón

Usuarios que actualmente navegan por este tema:

0 Usuarios y 1 Visitante están viendo este tema.