EmbedHTML Snippets

Here are a few handy EmbedHTML snippets that you can use in your projects. Enter these snippets here:

Embedding any web page

<iframe src="{your_page_link_here}" width="100%" height="100%" />

Embedding a PDF

<html>
<body>
    <object data="{your_pdf_link_here}" type="application/pdf" width="100%" height="100%">
        <embed src="{your_pdf_link_here}" type="application/pdf"  width="100%" height="100%"/>
    </object>
</body>
</html>

Embed a 3D Model

Code Snippet
<iframe 
  src="https://gltf-viewer.in.gmetri.com#model=yourModelURL&kiosk=true" 
  style="width: 100%; height: 100%;" frameBorder="0" />
Example
<iframe 
  src="https://gltf-viewer.in.gmetri.com#model=https%3A%2F%2Fu.vrgmetri.com%2Fgb-sms-prod-1%2Fmedia%2F2021-1%2Fgmetri%2F08d1bf34-4618-4b81-809a-d20aef9ec106%2Fo%2Fvivreau09.glb&kiosk=true" 
  style="width: 100%; height: 100%;" frameBorder="0" />
EmbedHTML 3D Model Demo

Embed a Zoomable Image

Code Snippet
<iframe 
  src="https://csb-hiozp.vercel.app/?img_url=yourImageURL" 
  width="100%" height="100%" />
Example
<iframe 
  src="https://csb-hiozp.vercel.app/?img_url=https://u.vrgmetri.com/gb-sms-prod-1/media/2022-1/ouqorj/a6f70407-3041-45e2-b4a4-2495fc517468/o/houseRules.png" 
  width="100%" height="100%" />

Last updated