> ## Documentation Index
> Fetch the complete documentation index at: https://docs.userpilot.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding a Video to the Resource Center

> Learn how to add video content to your Userpilot Resource Center by embedding video scripts from YouTube, Vimeo, Loom, etc.

## Overview

To add video content to the Userpilot Resource Center, the video itself must be hosted externally either on your own servers or on a third-party platform such as YouTube, Vimeo, or Loom. Userpilot does not host the video file directly. Instead, it embeds it using an HTML embed code.

## How to add a video?

To add a video to the Resource Center, simply navigate to the Userpilot web app > **Engagement Layer > Resource Center.**

Click on the **Add Module > Select Video >** Copy and paste the video script into the box.

<img src="https://mintcdn.com/userpilot/KTNRMPjoIQw4COFA/in-app-engagement/resource-center/assets/images/file-qKOz69b8cm.png?fit=max&auto=format&n=KTNRMPjoIQw4COFA&q=85&s=71c1c063ab07a12eec83588abdf86246" alt="" width="2126" height="1018" data-path="in-app-engagement/resource-center/assets/images/file-qKOz69b8cm.png" />

This is an example of how to embed a YouTube video. Just navigate to the video, click **Share**, select **Embed**, and copy the code into the Resource Center video Script box.

<img src="https://mintcdn.com/userpilot/SiOsZSwV5TbJs4t6/Screenshot2025-07-10at16.23.36.png?fit=max&auto=format&n=SiOsZSwV5TbJs4t6&q=85&s=83b3d6457563d456b999c4829acfbb26" alt="" width="2668" height="1668" data-path="Screenshot2025-07-10at16.23.36.png" />

<img src="https://mintcdn.com/userpilot/SiOsZSwV5TbJs4t6/Screenshot2025-07-10at16.24.25.png?fit=max&auto=format&n=SiOsZSwV5TbJs4t6&q=85&s=b8c292c08f5e250b0648cd2173993c7a" alt="" width="2564" height="1018" data-path="Screenshot2025-07-10at16.24.25.png" />

<img src="https://mintcdn.com/userpilot/heoTLTAWD74i-7CB/in-app-engagement/resource-center/assets/images/file-8EhmrW0tEG.png?fit=max&auto=format&n=heoTLTAWD74i-7CB&q=85&s=4ca104e3ea392e6558db15be64fcc383" alt="" width="2040" height="794" data-path="in-app-engagement/resource-center/assets/images/file-8EhmrW0tEG.png" />

## Targeting the video

You can choose to view the video within the Resource Center on specific pages and for the desired Audience through Targeting. Once this is done, click on Create, and you'll be able to preview how the video looks within the Resource Center. Click Publish to view the updated Resource Center on your web app live.

<Frame>
  <img src="https://mintcdn.com/userpilot/gVmguplMcZHzQe2T/images/Screenshot-2026-06-29-at-10.56.44-PM.png?fit=max&auto=format&n=gVmguplMcZHzQe2T&q=85&s=9cff0d15c4a3a0ce3382ef7aac716e1e" alt="Screenshot 2026 06 29 At 10 56 44 PM" width="1820" height="1252" data-path="images/Screenshot-2026-06-29-at-10.56.44-PM.png" />
</Frame>

### FAQs

<AccordionGroup>
  <Accordion title="Can I upload a video directly in the Resource Center? ">
    No, the video needs to be hosted on your own servers or a third party platform such as Youtube, Loom, etc and you can then embed it within the Resource Center. 
  </Accordion>

  <Accordion title="How to adjust the placement of video's close button? ">
    You can adjust the close button's placement using the below custom CSS: 

    ```text theme={null}
    #resource-center-video > div.close-button {
    width: .5rem;
    height: .3rem;
    border-radius: 2px;
    top: 0.05rem;
    right: 15.8%;
    display: flex;
    justify-items: center;
    align-items: center;
    transition: ease-in-out .15s;
    background-color: #1A1A1A;
    opacity: 90%;
    }

    #resource-center-video > div.close-button:hover {
    opacity: 80%;
    }

    #resource-center-video > div.close-button:active {
    opacity: 60%;
    }
    ```

    <Frame>
      <img src="https://mintcdn.com/userpilot/gVmguplMcZHzQe2T/images/Screenshot-2026-06-29-at-11.52.45-PM.png?fit=max&auto=format&n=gVmguplMcZHzQe2T&q=85&s=f289289996ec3fbe268fe4562308d5ed" alt="Screenshot 2026 06 29 At 11 52 45 PM" width="1756" height="1166" data-path="images/Screenshot-2026-06-29-at-11.52.45-PM.png" />
    </Frame>
  </Accordion>
</AccordionGroup>

<Frame>
  [For any questions or concerns please reach out to **support@userpilot.com**](mailto:support@userpilot.com)
</Frame>
