--- title: "How to Add Videos in WordPress?" url: https://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://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 - Nexter Blocks allows users to add videos from YouTube, Vimeo, or self-hosted sources. - The Video block includes a Video Popup feature for creating engaging video displays. - Users can enable Schema Markup to optimize videos for search engines. - Nexter Blocks provides styling options for video elements, including borders and custom CSS transforms. 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://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://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://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://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://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://nexterwp.com/docs/embed-a-youtube-video-in-wordpress/). - **Vimeo** - To [embed a Vimeo video](https://nexterwp.com/docs/embed-a-vimeo-video-in-wordpress/). - **Self Hosted** - To [add a self-hosted video from the media library](https://nexterwp.com/docs/add-a-self-hosted-video-in-wordpress/). ![](https://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://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://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://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://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://nexterwp.com/docs/add-advanced-tab-in-wordpress/) ## Frequently Asked Questions **Q: What should I do if the Video block is not showing up in WordPress?** A: If the Video block isn't appearing, ensure that the Nexter Blocks plugin is installed and activated. You also need to activate the Video block specifically by navigating to Nexter u2192 Blocks, searching for 'Video', and toggling it on. This step is crucial for accessing the Video block's features. **Q: Can I add videos from different sources using Nexter Blocks?** A: Nexter Blocks allows you to add videos from multiple sources, including YouTube, Vimeo, or self-hosted videos from your media library. This flexibility lets you choose the best option based on your content needs and audience preferences. **Q: How do I create a video popup using Nexter Blocks?** A: To create a video popup, enable the 'Play on Popup' toggle in the Banner / Icon settings of the Video block. This feature allows you to engage users more effectively by displaying videos in a popup format, which can improve user experience and keep visitors on your site longer.