# VOD embed guide

<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->

Developers can use code to add VOD Embed.

-   Embed using Script:

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

-   Embed using Dom:

    1. Thumbnail inline mode

        ```html
        <img
            src="https://onzoomcontent3.zoom.us/img/default_session_image.jpg"
            style="width:100%;"
        />
        ```

    2. Thumbnail popover mode

        ```html
        <img
            src="https://onzoomcontent3.zoom.us/img/default_session_image.jpg"
            style="width:100%;"
        />
        ```

    3. Text link popover mode

        ```html
        popover text link
        ```

## Dom Parameters

| Parameter                                                        | Description                                                                                                                                                                                          | Default |
| :--------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------ |
| data-channel-id <span style={{color: 'red'}}> Required</span>    | This is automatically generated when the code is generated.                                                                                                                                          | -       |
| data-video-id <span style={{color: 'red'}}> Required</span>      | This is automatically generated when the code is generated.                                                                                                                                          | -       |
| data-embed-option <span style={{color: 'red'}}> Required</span>  | `inline`&#124;`popover` Automatically generated according to settings.                                                                                                                               | -       |
| data-embed-display <span style={{color: 'red'}}> Required</span> | `thumbnail`&#124;`text` Automatically generated according to settings. Defaults to thumbnail in inline mode. In popover mode, it will be generated according to the setting. `thumbnail`&#124;`text` | -       |
| data-locale <span style={{color: 'red'}}> Optional</span>        | 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   |