Lo que debes hacer es obtener el HTML del embebido en el servidor en lugar de hacerlo en el cliente porque tendrás una restricción de seguridad al ser dominios cruzados. Una vez que en C# has obtenido el HTML, el cliente debe solicitalo y convertirlo a un documento.
En lugar de ponerlo en un iframe, pon la URL del sitio externo en un atributo data-src
:
<div class="embed" data-src="url del embebido"><div>
Luego, solicitas al servidor que haga un scrapping de dicha URL y te devuelva el HTML:
let embed = document.querySelector('.embed');
let url = encodeURIComponent(embed.getAttribute('data-src'));
fetch (`/get_iframe?url=${url}`)
.then(res => res.text())
.then(parseHTML.bind(embed, this);
function parseHTML(node, html) {
let doc = new DOMParser().parseFromString(html, 'text/html');
while (doc.body.firstChild) {
node.appendChild(doc.body.firstChild);
}
}
En este punto, en lugar de tener el iframe
tienes un div
con el contenido de la URL externa y puedes editar su contenido con puro CSS.