Socorro! No sé cómo detectar ancho de pantalla y pasarlo a PHP Socorro! No sé cómo detectar ancho de pantalla y pasarlo a PHP


Mostrando resultados del 1 al 10 de 10
  1. #1
    Tengo este código en PHP:

    Código:
    <?php echo "<iframe src="https://height-450/width-" . "XXXXXX" . " frameborder='0' scrolling='no' allowfullscreen='true'></iframe>";  ?>
    Tengo que detectar el ancho de pantalla del dispositivo y que se ponga en XXXXX

    En jQuery tengo esto:

    Código:
    $(window).resize(function() {
        $("#dimensions").html($(window).width());
    	}).resize();
    Luego en PHP pongo <div id="dimensions"></div> y se muestra el ancho de pantalla en número (a mi me sale 1366 porque estoy desde el portátil), pero ¿cómo guardo ese número en una variable y poder ponerla arriba donde está el "XXXXX" ?

    Pero no sé más.

  2. No es requiero php en lo que andas haciendo

    parte superior;

    <script type="text/javascript">
    window.addEventListener('resize',function(){docume nt.getElementById('mse').style.height=window.inner Height+'px';});
    </script>


    uso

    height: window.innerHeight,
    width: window.innerWidth

    ejemplo

    var iframe = "<iframe src="https://height-450/width-" . "+ window.innerHeight +" . " frameborder='0' scrolling='no' allowfullscreen='true'></iframe> ";
    Citar Citar  

  3. #3
    Cita Iniciado por Mask7OfDragon Ver Mensaje
    No es requiero php en lo que andas haciendo

    parte superior;

    <script type="text/javascript">
    window.addEventListener('resize',function(){docume nt.getElementById('mse').style.height=window.inner Height+'px';});
    </script>


    uso

    height: window.innerHeight,
    width: window.innerWidth

    ejemplo

    var iframe = "<iframe src="https://height-450/width-" . "+ window.innerHeight +" . " frameborder='0' scrolling='no' allowfullscreen='true'></iframe> ";
    El problema es que en cada post hay un iframe distinto (un vídeo por post), ¿dónde pongo el var iframe= ....? en single.php ??
    Citar Citar  

  4. #4
    mmm ponele un max-width y width: 100% a los iframes (height: auto)... ejemplo
    Código PHP:
    iframe
    max-width1300px;
    width100%;
    heightauto;

    y no necesitas andar modificando cada iframe ni nada... eso se adapta solo al tamaño de pantalla del usuario
    Citar Citar  

  5. #5
    Cita Iniciado por cicklow Ver Mensaje
    mmm ponele un max-width y width: 100% a los iframes (height: auto)... ejemplo
    Código PHP:
    iframe
    max-width1300px;
    width100%;
    heightauto;

    y no necesitas andar modificando cada iframe ni nada... eso se adapta solo al tamaño de pantalla del usuario
    Que va, esos embed tienen un tamaño que se indica en el src, el width y height del iframe es aparte.

    Fíjate: "<iframe src="https://domain/height-450/width-800" ...

    Son así.
    Citar Citar  

  6. #6
    Cita Iniciado por Alejandro Ruiz Ver Mensaje
    Que va, esos embed tienen un tamaño que se indica en el src, el width y height del iframe es aparte.

    Fíjate: "<iframe src="https://domain/height-450/width-800" ...

    Son así.
    entiendo... desde php no puedes... tendras que hacerlo desde js... lo max ue podrias hacer desde php es detectar si es un mobil y colocarle un max, un tablet y lo mismo o pc y lo mismo...
    Citar Citar  

  7. #7
    porque no intentas meter el iframe en un contenedor

    <div class="video-contenedor"> aqui el iframe </div>

    y solo le das los estilos css al class "video-contenedor" width:100%; height: auto;

    asi los iframe se tendrian que adaptar al ancho de la pantalla independientemente de que tamaño se indique en el src
    Citar Citar  

  8. #8
    Si es un video que tienes en el iframe tienes que poner ancho y alto en 100% al video, luego al iframe le agregas el ancho y alto que quieres!
    Citar Citar  

  9. pasa esos parametros por js

    ejemplo


    var alto = <?php echo $alto; ?>;
    var ancho = <?php echo $ancho; ?>;

    Luego con js

    document.getElementById('IframeDinamico').width = alto;
    y asi.
    Citar Citar  

  10. #10
    Registro
    23-enero-2015
    Ubicación
    location("Venezuela");
    Edad
    26
    Mensajes
    363
    Se me ocurre lo siguiente bro aunque ni idea el propósito de esto pero bueno aquí te dejo lo que se me ocurrió a mi.

    vamos a decir que en tu php tengas como repuesta en el DOM algo como esto:

    Código HTML:
    <iframe src="https://domain/height-450/width-{width}/id_delvideo" id="search_iframe" frameborder="0" scrolling="no" allowfullscreen="true"></iframe>
    para que esto funcione el atributo src de tu iframe debe contener un patrón para poder hacer dinámico el ancho {width}

    te puedes fijar que la url del iframe es:

    https://domain/height-450/width-{width}/id_delvideo

    donde {width} sera reemplazado por el ancho según el tamaño de la ventana y para eso utilizo el siguiente script:

    Código:
    <script>
    $(function() {
    	var urlBase = $('#search_iframe').attr('src');
    	var ChangeWidth = function () {
    		var w = $(window).width();
    		var src = urlBase.replace('{width}', w);
    		setTimeout(function () {
    			$('#search_iframe').attr('src', src);
    		}, 5);
    	}
    	ChangeWidth();
    	$(window).resize(function() {
    		ChangeWidth();
    	}).ready();
    });
    </script>
    Citar Citar  



Temas similares

  1. Enlace web... que ocupa todo el ancho de pantalla ¿cómo solucionarlo?
    Hola chicos, tengo un icono y debajo un texto, pero me pasa algo rarito, resulta que la zona de clic llega a lado y lado de pantalla, como indico en...
    Respuestas: 12
    Último mensaje: 06-ene-2017
  2. Adaptar el blog a todo lo ancho de la pantalla
    A ver, me explico mejor. Quiero que, como en una página web, en vez de fondo esté toda la página a lo ancho de la resolución de pantalla, y que se...
    Respuestas: 6
    Último mensaje: 18-ene-2015
  3. Una Impresion de Pantalla de una Imagen, Google puede Detectar Copyright
    Se que al fin y al cabo se infrige el derecho de autor, pero quisiera saber si ¿google tiene así alguna forma de detectarlo? Gracias por tu...
    Respuestas: 9
    Último mensaje: 09-mar-2014
  4. Como modificar el ancho de pantalla del Post ??
    Hola a todos, Estoy trabajando con una version 4.1.1 y quisiera poder modificar el ancho visible de la pantalla de un mensaje/post y poder dejar...
    Respuestas: 1
    Último mensaje: 08-jun-2013

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •