360 Embeds - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

Dylan has the necessary camera and an account with Memento360, and a variety of library spaces have been captured.

These can be embedded on our site using iframe code and the individual embed snippets generated by Dylan in Memento360.

embed snippet example

https://momento360.com/e/u/94796eb9494948f686aae672f973dea6?utm_campaign=embed&utm_source=other&heading=0&pitch=0&field-of-view=75&size=medium

iframe example

To be pasted into an Elementor html widget

<iframe
    title="360 degree view of the Tech Commons computer workstations CL-240"
    width="1200"
    height="600"
    allowfullscreen="true"
    src="https://momento360.com/e/u/3bbbc49381784564aba86fd7e843cbee?utm_campaign=embed&utm_source=other&heading=0&pitch=0&field-of-view=75&size=medium">
</iframe>

Note the descriptive title for accessibility and the addition of allowfullscreen="true". A similar snippet could be used in a news post too (Gutenberg block editor html block) but the width parameter might need to be changed.

What it looks like

360 embed

Still have questions? Contact the Library User Experience Team.

⚠️ **GitHub.com Fallback** ⚠️