You don’t need other plugins to add videos to your WordPress site. You can do that easily using the WordPress video block. Besides, adding videos to your website improves engagement and overall visual appeal.
WordPress video block provides the easiest way to integrate videos such as video tutorials, vlogs, or promotional clips into your site. Today, in this tutorial, we will show you how to use the video block in WordPress, what the video block is, and its toolbar features.
What is the Video Block in WordPress?
The video block is a core block that works with the WordPress Gutenberg Block editor. The video block lets you insert any video file into the Gutenberg block editor.
You can easily insert videos from video platforms such as YouTube, Vimeo, or any other links and upload or use any existing videos. It provides you with complete control over the control and playback settings.
Video Block Features
The video block comes with numerous features that have several use cases. Let us see the features below.
- Complete Control: Videos hosted directly on your site eliminate reliance on third-party platforms, ensuring content is always available.
- Customization: Adjust playback settings, add captions, or loop videos for a tailored user experience.
- Improved User Engagement: Videos can help break up text-heavy content, making your posts more engaging and dynamic.
- Seamless Integration: The block integrates smoothly with the Gutenberg editor, allowing easy placement and formatting.
Create Beautiful Tables
With Block Editor
Video Player Features
The video player features include player-related features to control the video player.
- Play /Pause Button: This button lets you play or pause the video.
- Video Length: Indicates the video length, video time elapsed, etc.
- Video File Slider: This lets you jump to any part of the video using the mouse.
- Volume Control: Let you control the volume with a volume slider.
- Aspect Ration: Let you adjust the aspect ratio of the video player. You can jump to the full-screen mode.
- More Option: Offers download, playback speed, and picture-in-picture options.
- Download: Let you download the video file.
- Playback Speed: It lets you adjust the playback speed from 05x – 2x speed.
- Picture in picture: It lets you see the video in window mode on any window.
Video Block Toolbar Features
The video block toolbar has some awesome features, including:
- Video Transform: It lets you transform your video block to Cover, Columns, Details, File, Group, and Media & Bext blocks.
- Drag: The drag option lets you drag and drop any particular block into any place in the editor.
- Moving Handles: Moving handle lets you move your block up and down.
- Align: The align option lets you set the video alignment to None, Wide Width, Full Width, Left, Center, and Right.
- Captions: You can add captions using the editor option for your Video file.
- Text Tracks: Text Track allows you to upload subtitles for your video files. You can upload or select one from your media library.
- Replace: The replace button lets you add a replacement video for the existing one. You can upload a video or reset the block using the Replace option.
- Options: Offers you additional general options related to the block.
How to Use the Video Block in WordPress?
Using the WordPress video block is super easy. Anyone without any technical expertise can easily use the video block.
Step 1: Insert the Video Block
If you want to insert a video, you must insert the video block first. Go to your post, click the Add Block (“+“) Add Block icon (1), type “Video” in the search box (2), and click “Video” (3).
Step 2: Insert Video
When the block is inserted into the editor, it will show you three options for adding video files. Select any of the options to upload your video.
- Upload: You can upload your video files using the upload option.
- Media Library: This lets you select a video file from your media library that has already been uploaded.
- Insert From URL: You can insert the video using the links.
How to Insert Video Via Upload Option
To insert a video file, click the upload button, select your video, and click open. It will be open in the editor after that.
How to Insert Video Via Media Library Option
Click the Media Library button, select the Video, and click the Select button to insert the video into the editor.
How to Insert a Video Via Insert from URL Option
Select the Insert from URL button, input the link, and it will be displayed in the editor.
Step 3: Add More Features to the Video Player
You will find more settings in the video block settings. To access the block settings, navigate Settings (1) > Block (2) > Settings (3).
In the settings option, you will find the following options:
- Autoplay: Let’s define if the video will play automatically or not.
- Loop: Let you enable or disable the video playback loop.
- Muted: This option lets you choose whether your video will play with or without audio. If it is enabled, the audio will be muted.
- Playback Control: You can also display the playback control using this option.
- Play Inline: When this option is active, videos will play on mobile browsers instead of opening the video on full screen.
- Preload: This option lets you choose how much the video file loads initially.
- Auto: The video will be downloaded automatically without the user clicking the download button.
- Metadata: Only the basis info will be downloaded automatically when this feature is enabled.
- None: Nothing will be downloaded automatically.
- Poster Image: Poster Image allows you to choose your custom thumbnail image for the video.
The dimension option allows you to adjust the margin and padding for the video block.
So, that’s how you use the WordPress video block and master all its features.
Final Thoughts!
The video block is robust for efficiently adding and showcasing video content. I hope the tutorial is easy to follow and has helped you learn more about the video block.
Let me know our thoughts in the comment section below. Also, let others know about it through the social media.
Read More!
