Customize the VideoPress player

You can customize the VideoPress player to match your site’s design and control how your videos are presented. In this guide, you will learn how to adjust the player size, set a custom poster image, enable or disable playback features, and personalize the progress bar.

To resize your VideoPress player directly in the WordPress editor, follow these steps:

1. Click the VideoPress block to select it.
2. Look for the resize handles (small squares) on the edges or corners of the video player.
3. Click and drag a handle to adjust the width or height of the player to your preferred size.
4. Release the mouse button to set the new size.
5. Click Save or Publish to apply your changes.

You can personalize the color of the progress bar to better match your video or site design.

1. Select the VideoPress block, then open the block styles sidebar.
   • If you do not see the sidebar, click the Settings icon in the top-right corner.
2. Dynamic color is enabled by default, which adapts the colors to the video as it plays.
3. Disable the option to set the colors:
   • Main: The default color of the progress bar.
   • Loaded: The color of the bar once the video has loaded.
   • Progress: The color of the bar as the video is loading.
4. Click Save or Publish to apply your changes.

Adjust the padding and margins around the VideoPress player through the dimensions settings of the block styles sidebar.

You can also insert a video and control its size using a shortcode, by following these steps:

1. In your dashboard, click on Media.
2. Click the video you want the shortcode for.
3. Copy the provided shortcode by clicking the Copy button, as shown in the image below.
   • A VideoPress shortcode will start with the [ symbol, followed by wpvideo or videopress, a string of characters, and a closing ] symbol.
   • For example:

[wpvideo YN4MKhAB]

4. Edit the post or page that you want to show this video on.
5. Click the + block inserter and add a Shortcode block.
6. Paste the shortcode from step 3, then add w=XXX before the end bracket to specify the width in pixels, like this:

[wpvideo YN4MKhAB w=400]

You may set the video width to a larger or smaller size, as long as it fits the width of your theme’s post column.

The shortcode can accept the following attributes to modify the default behavior:

• w=X for width in pixels, do not include units.
• h=Y for height in pixels, do not include units.
• hd=true/false to force HD playback.
• freedom=true/false to force only use open source video formats.
• autoplay=true/false to automatically play the video when it loads.
• loop=true/false to automatically play the video over and over.
• controls=false to hide the default video controls when displaying a video.

You can use the attributes you’d like by adding them before the closing ] symbol: [wpvideo OcobLTqC attribute=value]. For example:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]