--- title: embedded type: components layout: docs parent_section: components source_code: src/components/scene/embedded.js examples: [] --- The embedded component removes fullscreen CSS styles from A-Frame's `` element, making it easier to embed within the layout of an existing webpage. Embedding removes the default fixed positioning from the canvas and makes the Enter VR button smaller. ## Example Add the `embedded` component, then style the `` element with CSS as if it were an empty `
`. Within `` is the `` element. ```html a-scene { height: 300px; width: 600px; }
``` An inline example of an embedded scene:
## Integration with the 2D Page Embedded scenes can be visually integrated and can interact with the rest of the 2D page. Some things we could do: - Use CSS `z-index` to put an HTML element above or under the scene - Use a transparent `` or no background to overlay `` on top of the page, with underlying HTML elements visible - Use interaction with HTML elements (e.g., buttons, forms) to affect the scene ## Using I-Frames Only one `` can exist on a page. Alternatively, we can use an `