Por qué mi iframe no se redimensiona correctamente en algunas ocasiones

CRITERNA · 16 Abr 2015

Hola betas, esa es mi duda. Tengo una web de animes online, algunos reproductores como VK siempre redimenciona sin problemas a las medidas que le pido, pero nowvideo, videoweeb y otros no.

Lo normal sería pensar que su código esta mal, o que no funciona con la medida que le estoy poniendo. Pero el problema es que algunas veces códigos como este: <iframe width="760" height="480" frameborder="0" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21" scrolling="no"></iframe> si redimenciona correctamente y otras veces no.

Saben cual podría ser el problema? Ni siquiera me da la altura que tiene por defecto el código.

Saludos,

xxSakuraxx · 16 Abr 2015

Hola, sólo debes de cambiar lo que dice

Insertar CODE, HTML o PHP:

http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21

en

Insertar CODE, HTML o PHP:

<iframe frameborder="0" type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0" height="500" width="100%" style="border:0px;background:none;"></iframe>

CRITERNA · 16 Abr 2015

xxSakuraxx dijo:
Hola, sólo debes de cambiar lo que dice

Insertar CODE, HTML o PHP:

http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21

en

Insertar CODE, HTML o PHP:

<iframe frameborder="0" type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0" height="500" width="100%" style="border:0px;background:none;"></iframe>

Gracias, sustituí el código por el que me diste y sigue sin salir del tamaño indicado, mira la opción 4 Akatsuki No Yona - capÃtulo 1 | Animes911

Cicklow · 16 Abr 2015

d1360 dijo:
Gracias, sustituí el código por el que me diste y sigue sin salir del tamaño indicado, mira la opción 4 Akatsuki No Yona - capÃ*tulo 1 | Animes911

el embed (la url de nowvideo) necesita el tamaño del reproductor por eso... tu problema no es el iframe, sino el tamaño del player... tienes que pasarle los parametros (a la url de nowvideo):

Insertar CODE, HTML o PHP:

&width=XXX&height=YYY

:encouragement:

ejemplo: &width=600&height=480

CRITERNA · 16 Abr 2015

cicklow dijo:
el embed (la url de nowvideo) necesita el tamaño del reproductor por eso... tu problema no es el iframe, sino el tamaño del player... tienes que pasarle los parametros (a la url de nowvideo):

Insertar CODE, HTML o PHP:

&width=XXX&height=YYY

:encouragement:

ejemplo: &width=600&height=480

Si obvio, le estoy poniendo &width=760&height=480, que es el tamaño que necesito, pero parece no hacerle caso.

Cicklow · 16 Abr 2015

d1360 dijo:
Si obvio, le estoy poniendo &width=760&height=480, que es el tamaño que necesito, pero parece no hacerle caso.

Pues no aparece:

si usas plugin de cache vacia el cache...

Frankqoo · 16 Abr 2015

agrega en el style del inframe el width y height con el tamaño y atras un !important.. tipo

Insertar CODE, HTML o PHP:

<iframe frameborder="0" [B][COLOR="#FF0000"]style=" width: 760px !important;height: 480px !important;"[/COLOR][/B] type="text/html"  scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0" height="500" width="100%" style="border:0px;background:none;"></iframe>

Me contás si te sirvió. Saludos!

CRITERNA · 16 Abr 2015

cicklow dijo:
Pues no aparece:

si usas plugin de cache vacia el cache...

Ah si, ahorita lo deje así por que use el código que me pasaron más arriba. Mira, ya le puse las medidas correctas, sigue estando mal.

- - - Actualizado - - -

La pagina esta en blogger

Cicklow · 16 Abr 2015

d1360 dijo:
Ah si, ahorita lo deje así por que use el código que me pasaron más arriba. Mira, ya le puse las medidas correctas, sigue estando mal.

- - - Actualizado - - -

La pagina esta en blogger

no pusiste nada... mira la url de nowvideo tiene que quedar asi:

Insertar CODE, HTML o PHP:

http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0&width=760&height=480

si yo la modifico asi desde inspeccionar elemento se ve bien... pero mientras no pongas el tamaño en el player no te funcionara nada... tu problema no es el iframe... es la url de nowvideo la cual no especificas el ancho y alto...

CRITERNA · 16 Abr 2015

Frankqoo dijo:
agrega en el style del inframe el width y height con el tamaño y atras un !important.. tipo

Insertar CODE, HTML o PHP:

<iframe frameborder="0" [B][COLOR="#FF0000"]style=" width: 760px !important;height: 480px !important;"[/COLOR][/B] type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0" height="500" width="100%" style="border:0px;background:none;"></iframe>

Me contás si te sirvió. Saludos!

Gracias, lo puse y seguia viéndose mal.. después le hice un pequeño cambio:

<iframe frameborder="0" style=" width: 760px !important;height: 480px !important;" type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0" height="480" width="100%" style="border:0px;background:none;"></iframe>

En chrome lo veo bien, ocupa todo el espacio para reproducir, pero en mozilla lo sigo viendo mal :S

LuisNara · 16 Abr 2015

Hola [MENTION=5453]d1360[/MENTION] ese error se da mucho en los hosts de video cuando copias el embed si que el video se haya convertido totalmente (Normalmente se convierten 2 veces)

Debes poner el iframe así:

<iframe width="760" height="480" frameborder="0" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21-853x480.html" scrolling="no"></iframe>

Agregando después del ID del video esto "-853x480.html" solo lo cambias por el tamaño que quieras :encouragement:

CRITERNA · 16 Abr 2015

cicklow dijo:
no pusiste nada... mira la url de nowvideo tiene que quedar asi:

Insertar CODE, HTML o PHP:

http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0&width=760&height=480

si yo la modifico asi desde inspeccionar elemento se ve bien... pero mientras no pongas el tamaño en el player no te funcionara nada... tu problema no es el iframe... es la url de nowvideo la cual no especificas el ancho y alto...

A ver, el código ya quedo así:

<iframe frameborder="0" style=" width: 760px !important;height: 480px !important;" type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0&width=760&height=480" style="border:0px;background:none;"></iframe>

En chrome lo veo bien y en mozilla lo sigo viendo mal... :S

Cicklow · 16 Abr 2015

d1360 dijo:
A ver, el código ya quedo así:

<iframe frameborder="0" style=" width: 760px !important;height: 480px !important;" type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0&width=760&height=480" style="border:0px;background:none;"></iframe>

En chrome lo veo bien y en mozilla lo sigo viendo mal... :S

yo uso firefox y lo veo bien... dale ctrl+f5 para actualizar el cache del navegador

CRITERNA · 16 Abr 2015

cicklow dijo:
yo uso firefox y lo veo bien... dale ctrl+f5 para actualizar el cache del navegador

Ya le di ctrl+f5 y nada... ccleaner y nada... lo sigo viendo mal en firefox.

De cualquier forma gracias, con saber que algunos lo pueden ver bien aunque yo lo vea bien me conformo.
Muchísimas gracias.

- - - Actualizado - - -

LuisNara dijo:
Hola [MENTION=5453]d1360[/MENTION] ese error se da mucho en los hosts de video cuando copias el embed si que el video se haya convertido totalmente (Normalmente se convierten 2 veces)

Debes poner el iframe así:

<iframe width="760" height="480" frameborder="0" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21-853x480.html" scrolling="no"></iframe>

Agregando después del ID del video esto "-853x480.html" solo lo cambias por el tamaño que quieras :encouragement:

Esto lo puedo hacer con cualquier reproductor?

LuisNara · 16 Abr 2015

d1360 dijo:
Ya le di ctrl+f5 y nada... ccleaner y nada... lo sigo viendo mal en firefox.

De cualquier forma gracias, con saber que algunos lo pueden ver bien aunque yo lo vea bien me conformo.
Muchísimas gracias.

- - - Actualizado - - -

Esto lo puedo hacer con cualquier reproductor?

Con los que usan el mismo sistema que nowvideo y el sistema de powvideo (Xvideosharing) con esos me ha funcionado.

Frankqoo · 16 Abr 2015

Capas como codigo final te pueda quedar:

Insertar CODE, HTML o PHP:

<iframe frameborder="0" type="text/html"  scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0"  style="width: 760px !important;height: 480px !important;border:0px;background:none;"></iframe>

Le quitas el:

Insertar CODE, HTML o PHP:

height="500" width="100%"

del Iframe!

Saludos!

Andres128 · 16 Abr 2015

Frankqoo dijo:
agrega en el style del inframe el width y height con el tamaño y atras un !important.. tipo

Insertar CODE, HTML o PHP:

<iframe frameborder="0" [B][COLOR="#FF0000"]style=" width: 760px !important;height: 480px !important;"[/COLOR][/B] type="text/html" scrolling="no" src="http://embed.nowvideo.sx/embed.php?v=561fc9f26ab21&autoplay=0" height="500" width="100%" style="border:0px;background:none;"></iframe>

Me contás si te sirvió. Saludos!

Una pregunta fuera del tema, que ventaja tiene agregar el !important cual es su uso??

Frankqoo · 16 Abr 2015

Andres128 dijo:
Una pregunta fuera del tema, que ventaja tiene agregar el !important cual es su uso??

Un navegador cuando lee el código lo imprime tal cual lo lee. Hay cierto orden de prioridad. Del mas bajo al mas alto, css, tag style en el html, atributo style en el elemento. Hay veces que se define de antemano en el css un !important y por mas que le pongas un heigth o width al elemento, la palabra reservada !important salta por sobre todo el orden de prioridad y se toma posesión de ese estilo asignado en el elemento. Pero si por x razón, vos tenes un css con !important para x elemento, y después en el html tenes el atributo style en el mismo elemento con otro valor con un !important, va a seguir el orden de prioridad, por ende va a ser mas valga la redundancia "importante" el del html.

Espero haber sabido explicar. Sino, leelo varias veces hasta que se entienda jajajaja.

PD: Soy medio malo explicando.

Por qué mi iframe no se redimensiona correctamente en algunas ocasiones

CRITERNA

xxSakuraxx

CRITERNA

Cicklow

CRITERNA

Cicklow

Frankqoo

CRITERNA

Cicklow

CRITERNA

LuisNara

CRITERNA

Cicklow

CRITERNA

LuisNara

Frankqoo

Andres128

Frankqoo

Temas similares