Video embeds - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

Background

Static pages on https://www.library.ucsf.edu/ are built using the Elementor page builder plugin while news posts just use the WordPress block editor (aka Gutenberg).

Both Elementor and Gutenberg make it easy to embed videos from several popular content hosting platforms, so no problems with anything on YouTube, Vimeo, etc.

Media@UCSF

However, videos on Kaltura (Media@UCSF) are not supported. The best bet is to use an html block and paste in the long embed code.

Go to the share tab under the Kaltura video (must be logged into MyAccess) and copy the Embed code after setting time and player size. See example.

In most cases, you'll want to edit the snippet to set size to 800x450 pixels.

In Gutenberg

• Insert a Custom HTML block then paste in the edited snippet. See example.

In Elementor

• Insert a HTML widget then paste in the edited snippet.

Help Center in Zendesk

Kaltura (Media@UCSF) is not supported. In order to embed these, go to the share tab under the Kaltura video (must be logged into MyAccess) and copy the Embed code after setting player size to 608x402. See example.

In the Help Center, paste that snippet in the source code view to make the embedded video display.