Table of Contents
Goldcast allows you to embed the on-demand player of smart events and video hub pages on your website or any other external site. In this article, we share tips and best practices to help you optimize the user experience while embedding from Goldcast on your website.
Heads up! Video Hubs are in Beta. To learn more, contact your CSM or Goldcast Support.
#1: Copy the embed code
Ensure that you copy the embed code from the platform as it is.
#2: Paste it anywhere as HTML
You can paste the copied embed code anywhere as HTML, which can be your website, a landing page, or any other webpage.
Here is an example code for embedding the on-demand player.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Embed Demo</title>
</head>
<body>
<h1> 2024 Product Launches </h1>
<div id="page-<PAGE_ID>" style="aspect-ratio: 1/1; width: 100%"></div>
<script src="<https://eventhub.registration.goldcast.io/page-embedscript/><PAGE_ID>"></script>
</body>
</html>In the code copied from Goldcast:
- The
<div>element withid="page-<PAGE_ID>"serves as the mounting area. The on-demand player/video hub loads inside it and has pre-applied inline styles. - The on-demand player/video hub requires only the height and width of the
<div>element to load. The Goldcast component will adjust responsively within these dimensions and will be scrollable. - We encourage customizing the styles of the embedded
<div>element to meet your specific height and width needs.
