--- title: "How to Add Videos in WordPress?" url: https://qa.nexterwp.com/docs/add-videos-in-wordpress/ date: 2024-12-11 modified: 2026-04-14 author: "Aditya Sharma" description: "Videos can convey information in a more engaging and dynamic way than text or images alone, making them a valuable tool for any website owner looking to enhance their online..." image: https://qa.nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Videos-in-WordPress_-1024x519.jpg word_count: 614 --- # How to Add Videos in WordPress? ## Key Takeaways - Utilizes the Video block from Nexter Blocks to add videos from YouTube, Vimeo, or self-hosted sources in WordPress. - Requires the Nexter Blocks plugin to be installed and activated for using the Video block feature. - Offers multiple video overlay options including Icon and Banner for enhanced visual presentation. - Enables SEO optimization through Schema Markup and improves accessibility with Iframe Title settings. Videos can convey information in a more engaging and dynamic way than text or images alone, making them a valuable tool for any website owner looking to enhance their online presence. With the Video block from Nexter Blocks, you can easily add videos from YouTube, Vimeo, or self-hosted videos in WordPress. [LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-video-player/) ## Required Setup - Make sure the default WordPress Block editor is active.  - You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated. - Make sure the Video block is activated, to verify this visit Nexter → Blocks → and Search for Video and activate. ## Learn via Video Tutorial https://www.youtube.com/watch?v=2FVjpQXJ_qs&pp=0gcJCbIJAYcqIYzv ## How to activate the Video Block? Go to  - **Nexter **→ **Blocks ** - **Search **the block name** **and** turn on the toggle**. ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-activation-new-1.png) ## Key Features - **Multiple Video Sources** - You can add YouTube, Vimeo, or self-hosted videos. - **Video Popup** - You can easily [create a video popup](https://qa.nexterwp.com/docs/create-a-video-popup-in-wordpress/). ## How to Use the Video Block? Add the Video block from Nexter Blocks to the page. Then click on the **Design from Scratch** button to design the layout from scratch. ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-design-type-1024x190.png) > *Note: By clicking on the Import Pre-Designed Template button, you can [import a preset template](https://qa.nexterwp.com/docs/import-templates-in-nexter/#Import-Preset-Designs-for-Specific-Blocks-in-Nexter) and customize it as per your requirements.* ### Video From the **Source** section, you have to select the video source. Here you’ll find three options -  - **YouTube** - To [embed a YouTube video](https://qa.nexterwp.com/docs/embed-a-youtube-video-in-wordpress/). - **Vimeo** - To [embed a Vimeo video](https://qa.nexterwp.com/docs/embed-a-vimeo-video-in-wordpress/). - **Self Hosted** - To [add a self-hosted video from the media library](https://qa.nexterwp.com/docs/add-a-self-hosted-video-in-wordpress/). ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-content-source-new.png) Select the option as per your requirements, based on the selection you’ll find different options to add the video. ### Player Settings In this tab, you’ll find different video settings. The opinions will vary based on the selected video source. ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-player-settings-new.png) ### Banner / Icon You can select an overlay for the video by enabling the **Custom Layout** toggle. Here you’ll find two options -  - **Icon **- With this option, you can use an icon as a video overlay. - **Banner **- With this option, you can use an icon and an image as a video overlay. Select the option as per your needs. Let’s select Banner here. From the **Upload Image** section, you can add an image as an overlay. You can change the image size from the **Image Size** dropdown. Then from the **Upload Play Icon**, section you can add an icon over the image as an overlay background. You can manage the icon size from the **Play Icon Size** dropdown. In the **Video Title** and **Video Description** fields, you can add a video title and description. Then, from the **Play on Popup** toggle, you can create a video popup. ### SEO Option By enabling the **Enable Schema Markup** toggle, you can make your video more optimized for search engines to understand the context and details of your video content. ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-seo-option-new.png) ### Accessibility In the **Iframe Title** field, you can add a heading for the Iframe containing the video for better accessibility. ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-accessibility-new.png) ## How to Style the Video Block? You’ll find all the styling options under the Style tab to style the Video block. **Video **- From here, you can add a border, box shadow, and custom [CSS transform](https://www.w3schools.com/cssref/css3_pr_transform.php) for normal and hover states to the video. ![](https://qa.nexterwp.com/wp-content/uploads/2024/12/video-style-new.png) **Icon **- From here, you can style the icon on the video. **Video Title** - You’ll see this option only when the Banner is selected under the Banner / Icon tab. From here, you can manage video title typography, color, and background. **Video Description** - You’ll see this option only when the Banner is selected under the Banner / Icon tab. From here, you can manage video description typography and color. Advanced options remain common for all our blocks, you can explore all its options from here. [View Advanced tab tutorial.](https://qa.nexterwp.com/docs/add-advanced-tab-in-wordpress/)