Bom dia e boas PASCOA a todos, pessoal tenho uma pagina que este varios iframes, notei que a mesma demora muito para carregar a pagina, creio que para isto solucionar este incomodo terei que colocar os iframe como tag como atributo e após o usuario clicar no botão ver video, ai aciona a função para substituir o link abaixo como iframe.
Minha dúvida e como faço para substituir uma TAG por outra TAG, veja que tentei usar o jquery e mesmo assim não consegui o resultado esperado
<a id="youtube" width="700" height="510" src="
http://www.youtube.com/embed/FQx3BVpjleg?&rel=0&theme=light&modestbranding=1&autohide=0" frameborder="1"></a>
subistituir o link acima por este abaixo
<iframe id="youtube" width="700" height="510" src="
http://www.youtube.com/embed/FQx3BVpjleg?&rel=0&theme=light&modestbranding=1&autohide=0" frameborder="1"></iframe>
<script type="text/javascript">
$(document).ready(function(){
$('button').click(function () {
$('a#youtube').wrap(function() {
return '<iframe id="youtube"';
});
});
});
</script>