How to embed ReplayWeb.page html document content directly within the body of the main HTML document?

Hello, I’m currently embedding a web archive using replayonly embed mode and the full window width and height so that no additional UI or nav bar buttons are shown. Using this mode, the html document is loaded inside a series of shadow roots and iframes, which results in some undesired behavior for my application, like horizontal and vertical scrollbars. Is it possible surface the html document content directly to the body of the main HTML document?

Thank you in advance,
Pedro

No, the document loaded within your web archive will have to live within the ReplayWeb.page component and iframes.

1 Like

Thank you for your reply, I was able to effectively remove the horizontal and vertical scrollbars, and the small white margins by adding the following CSS:

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
1 Like