¿Cómo mostrar iframe con el contenido a continuación en FancyBox?
Ahora escribí un código estándar para cargar iframe en la ventana FancyBox. Entonces especifiqué el tipoiframe
yhref
enlace con los parámetros de youtube.
$.fancybox({
'type' : 'iframe',
'maxWidth': "90%",
'href' : href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?theme=dark&color=white&autohide=1&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&showinfo=0&autoplay=1',
'padding' : 0,
'margin' : 0,
'autoCenter': false,
'scrolling' : 'no',
'fitToView' : false,
'width' : 950,
'overlayShow': true,
beforeLoad : function() {
var template;
var hash;
var info;
getVideo(id);
},
afterLoad:function(){
$('.fancybox-inner').append(template);
changeURL(matchYoutubeUrl(href)+'#'+id, info.VideoName, info);
},
helpers: {
overlay: {
locked: false
}
}
});
Necesito mostrariframe youtube y después de mostrar cualquierHTML código. ¿Cómo hacer? Lo intenté en el método:
afterLoad:function(){
// $('.fancy-content').html('<b>Any....</b>');
}
Pero este caso borra mi iframe ...
También probé:
afterLoad:function(){
$('.fancybox-inner').append(template);
}
Es funciona, pero no veo contenido, está oculto, el bloque.fancybox-inner
tiene altura = 600 px, pero el contenido es más de 600 px, así que no veo ...