VOD embed guide

Developers can use code to add VOD Embed.

Embed using Script:

<script src="https://****/zoomevents-vod-sdk/{versioin}/vod_embed_sdk/zoomVodEmbed.js"></script>

Embed using Dom:

Thumbnail inline mode

<div
    class="zoom-embed"
    style="width:100%;height:100%;"
    data-channel-id="_*****__*****_******"
    data-video-id="_*****__*****__*****_*"
    data-embed-option="inline"
    data-embed-display="thumbnail"
    data-domain="https://****.zoom.us"
>
    <img
        src="https://onzoomcontent3.zoom.us/img/default_session_image.jpg"
        style="width:100%;"
    >
</div>

Thumbnail popover mode

<div
 class="zoom-embed"
 style="width:100%;height:100%;"
 data-channel-id="_*****__*****_******"
 data-video-id="_*****__*****__*****_*"
 data-embed-option="popover"
 data-embed-display="thumbnail"
 data-domain="https://****.zoom.us"
>
 <img
  src="https://onzoomcontent3.zoom.us/img/default_session_image.jpg"
  style="width:100%;"
 />
</div>

Text link popover mode

<div
 class="zoom-embed"
 style="width:100%;height:100%;"
 data-channel-id="_*****__*****_******"
 data-video-id="_*****__*****__*****_*"
 data-embed-option="popover"
 data-embed-display="text"
 data-domain="https://****.zoom.us"
>
 popover text link
</div>

Dom Parameters

Parameter	Description	Default
data-channel-id Required	This is automatically generated when the code is generated.	-
data-video-id Required	This is automatically generated when the code is generated.	-
data-embed-option Required	`inline`	`popover` Automatically generated according to settings.
data-embed-display Required	`thumbnail`	`text` Automatically generated according to settings. Defaults to thumbnail in inline mode. In popover mode, it will be generated according to the setting. `thumbnail`
data-locale Optional	Currently four multi-languages are supported `en-US` English , `de-DE` German, `fr-FR` French, `ja-JP` Japanese, English is used by default.	en-US

Dom Parameters#

Dom Parameters