Hola, estoy intentando modificar los estilos de un <iframe>:
Código HTML:
Ver original<iframe class="ulule-widget-landing" frameborder="0" src="http://www.ulule.com/fabcafe-barcelona/widget.html" scrolling="no"></iframe>
A través de jQuery quiero modificar los estilos, hago lo siguiente:
Código Javascript
:
Ver original$(document).ready(function(){
$( ".ulule-widget-landing" ).contents().find( ".ulule-widget" ).css({
'max-width' : '600px'
});
});
Pero no sucede nada, el iframe no cambia el ancho, también he probado quitándole los atributos de la etiqueta HTML "height" y "width", pero lo mismo.
Entonces he abierto la consola de chrome y he copiado el código js anterior:
Código Javascript
:
Ver original$(document).ready(function(){
$( ".ulule-widget-landing" ).contents().find( ".ulule-widget" ).css({
'max-width' : '600px'
});
});
y la consola me devuelve el siguiente error:
SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://localhost:8888" from accessing a cross-origin frame.
¿Eso quiere decir que no puedo modificar ese iframe? ¿Estoy haciendo algo mal?
¡Gracias de antemano!