--- title: Video Element description: The Video element allows you to display videos on your website. This article explains how to go about embedding a video onto a page. --- [Skip to content](https://support.catapultcms.com/hc/en-us/articles/360049573351-video-element#main-content) English Show submenu for translations [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new?hsLang=en) [![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=300&height=59&name=catapult-cms-logotype.png)](https://support.catapultcms.com/migration?hsLang=en) Open main navigation Close main navigation - English Show submenu for translations - [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new) - [CatapultCMS.com](https://catapultcms.com/) [CatapultCMS.com](https://catapultcms.com/) Welcome to Catapult Support Knowledge Base! - There are no suggestions because the search field is empty. 1. [CatapultCMS Help](https://support.catapultcms.com/?hsLang=en) 2. [CMS](https://support.catapultcms.com/cms?hsLang=en) 3. [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements) # Video Element ## The Video element allows you to display videos on your website. This article explains how to go about embedding a video onto a page. **To Embed a Video** 1. **Drag the video element to your page.** Simply drag the video element where you want it to appear.![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcYUK1pAzVLyQ2l_dFxKTtd6WXyKDtYiwz_7FXUkT-hKNb1AJVvn4BjnZXxGLD5Tm8hjAYAPu3y5wFhJDyvunei_Su-s5RmxO87dvtpL6eJvcLAdccJLRalPBDJNBz-02am82Q3fLQ0kT6FezyyTF0S8v-D?key=kQQV6zdtvOBqzAKPESD_-g) 2. **Add a Title**Click to open the video settings and give your video a title. 3. **Choose Your Video Type** For the best performance and optimization, we recommend using **YouTube**.![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdEJbk89rmO_7ge8veS28TCqbw6_dRkW2gXOGWB2yvh3AbmqeafVcJmtjIlhREKD8QZahliIHF_W95ajxg_Kx4xFIy2XJ7B99tLOvZCrIipJ5WygB2EY8xSICDElrzPGYVB6YsXsWgGpyQKFImIP0oN2_GY?key=kQQV6zdtvOBqzAKPESD_-g) 4. **Turn on Closed Captions** For accessibility and ADA compliance, turn on closed captions. Open your video in a new tab and click the "CC" button at the bottom.![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXf7oQXHjeMxhO4hbWIS4r4MsIuWOO-H44D-t0Pp8HaUt1iFfa8e22EgKSSm8bdvoSAo8KPaesh-z2a31jnMOPigU8S_oVDv6PMw0cWEoCSd8S97Qe_mLAq5EM3Y8zkCiIGhDLLzv9sF02aJNsuR7WnQZ4I?key=kQQV6zdtvOBqzAKPESD_-g) 5. **Get the Embed Code** Under your video, click the **Share** button, then select **Embed** to get the embed code.![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdq4PmVPj_35Iu1ElioORuvW3_na-uDoBlHcbSD-IlgPrLXkPyXGDPAGAhhi41DHMA0v2lMK04K70f6p3rlLoXwIPRxqqFQLBGb0l4aUfGSRMPknItDovfXfOXadA-cOGuzWRURhnwICPWlkwjBMwMHI5Rv?key=kQQV6zdtvOBqzAKPESD_-g) 6. **Add the Embed Code to Your Page** Copy the code and paste it into the open Video card in Catapult. When you're done, click **Save**.![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXehgyTl4d98_RYhVJ7wCURZW5QtoU_ue_ZZyjnzFJbYIoPUUrRNPW2AlKW5iqvy2ZXl3a9eS79rLjFJCQJNGHkKaSs5LJUP2eMCh8lZ9xGvwceQTDRyKq7cOFdL9AhdKrpj7An2hr-BDoDwIvHSqmdwHJmB?key=kQQV6zdtvOBqzAKPESD_-g) 7. **Preview or Publish** Now you can preview your page or hit publish to see the video live on your website. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Sep-27-2024-07-27-30-5023-PM.png?width=1608&height=871&name=image-png-Sep-27-2024-07-27-30-5023-PM.png)   **Tip:** If you choose "Advanced" video source instead of YouTube, you can add an embed code for other video sources.   - [CMS](https://support.catapultcms.com/cms?hsLang=en#main-content) - [Getting Started with Catapult CMS](https://support.catapultcms.com/cms?hsLang=en#getting-started-with-catapult-cms) - [The Dashboard](https://support.catapultcms.com/cms?hsLang=en#the-dashboard) - [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information) - [Basic Elements](https://support.catapultcms.com/cms?hsLang=en#basic-elements) - [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements) - [File Management](https://support.catapultcms.com/cms?hsLang=en#file-management) - [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations) - [Compliance](https://support.catapultcms.com/cms?hsLang=en#compliance) - [Configuration](https://support.catapultcms.com/cms?hsLang=en#configuration) - [Implementation](https://support.catapultcms.com/cms?hsLang=en#implementation) - [Connect](https://support.catapultcms.com/connect?hsLang=en#main-content) - [Manage Users](https://support.catapultcms.com/connect?hsLang=en#manage-users) - [SIS Configuration](https://support.catapultcms.com/connect?hsLang=en#sis-configuration) - [Dashboard](https://support.catapultcms.com/connect?hsLang=en#dashboard) - [Other](https://support.catapultcms.com/connect?hsLang=en#other) - [Organization & Site Resources](https://support.catapultcms.com/connect?hsLang=en#organization-site-resources) - [Messages](https://support.catapultcms.com/connect?hsLang=en#messages) - [Emergency Resources](https://support.catapultcms.com/connect?hsLang=en#emergency-resources) - [Implementation](https://support.catapultcms.com/connect?hsLang=en#implementation) - [APP](https://support.catapultcms.com/app?hsLang=en#main-content) - [App Management](https://support.catapultcms.com/app?hsLang=en#app-management) - [What's New](https://support.catapultcms.com/whats-new?hsLang=en#main-content) - [What's new at CatapultCMS](https://support.catapultcms.com/whats-new?hsLang=en#whats-new-at-catapultcms) - [Contact Us](https://support.catapultcms.com/contact-us?hsLang=en) - [Incident Report](https://support.catapultcms.com/incident-report?hsLang=en) - [Implementation](https://support.catapultcms.com/implementation?hsLang=en#main-content) - [Professional Add-On Services](https://support.catapultcms.com/implementation?hsLang=en#professional-add-on-services) [![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=250&height=49&name=catapult-cms-logotype.png "catapult-cms-logotype")](https://catapultcms.com/) [CatapultCMS.com](https://catapultcms.com/) [CMS Login](https://www.catapultcms.com/Login.aspx) [CONNECT Login](https://www.catapult-connect.com/Account/Login?ReturnUrl=%2F) Copyright © 2026, CatapultCMS