How To Embed a Video on WordPress

0

A Detailed How-To Guide with Examples of Video Embeds for WordPress

WordPress makes it easy to build web pages with little to no HTML coding skills. It does this by offering users a wide range of simple drag and drop elements that can be pieced together to build a professional quality website. Today, most web pages are made of three main elements; text, images and video. WordPress does a great job of handling the first two on its own, but leaves a little to be desired when it comes to embedding videos. Read on for a step-by-step guide on how to embed videos on WordPress. 

WordPress Video Players

There is more than one way to add a video to a page on a WordPress-hosted website. WordPress has its own built-in video player that does a decent job at playing videos, but leaves a lot of room for improvement. Several streaming video providers have created video players that improve upon the built-in WordPress HTML5 video player, including Lucid, YouTube, Vimeo, Vidyard, and Wistia. Each of these tools, as well as the default WordPress video player, will be explained in more detail below. All examples are made on a WordPress website running version 5.6, without any extra plugins or changes made to the default WordPress installation. 

It is also worth noting that the following assumes that you have a video that is ready to be shared on the web, meaning it is encoded as a reasonably-sized MP4 file. If you need help converting or compressing your videos, check out HandBrake, a free video compression app. It does a great job at resizing and compressing video files so they can stream on the web. 

Jump to a section: 

Built-In WordPress Player InstructionsSelf-hosted VideosThird Party Video Embed Instructions (YouTube, Vimeo, etc.)LucidVideo InstructionsYouTube InstructionsVidyard InstructionsWistia Instructions

Self-Hosted WordPress Video Player Instructions

WordPress has the ability to both host and play videos without help from any external website or tool. While this is a handy feature, it is less than ideal from a user experience standpoint. This is because the default WordPress video player loads each fully before it starts playing (unless you are into hacking things with JavaScript). Additionally, the default WordPress video player will only play a single version of the video, meaning that mobile users with small screens on 3G connections are presented the same video as desktop users with large 4K screens and gigabit connections. 

As a result, you must encode a video at a bitrate and resolution that works for any screen/connection combo, which typically results in slow page loads and/or poor video quality, which from a user experience standpoint, are things you want to avoid. In most cases you will not want to encode in 4K, or even HD, as these file sizes will be too large for mobile users to download on an average cellular connection.

Finally, it is important to note that videos embedded in this manner are easily downloaded and saved by users. If copy protection is important to you, this is not the right embed option for you. 

WordPress Video Embed Step 1: Edit or create a post or page.

Obviously, you’ll need to embed your video somewhere. As videos can be embedded on regular pages or blog posts, you’ll need to either create a new page/post or edit an existing page/post. 

WordPress Video Embed Step 2: Add embed block.

The WP block editor includes a blue plus icon on the top left of the screen. Click on it to open the sidebar that contains all embeddable blocks.  

Click the blue plus to start the embed process

Once you click the blue plus icon, the sidebar will appear with a listing of blocks you can use, as well as a search bar. You can either type “video” into the search bar or scroll down to the media section, where the video block awaits. 

Choose video block

Clicking on the Video block will add a video block to the bottom of your post or page. If you don’t see it, scroll down, as it is placed at the end of the post by default. If you would prefer to place it at a specific location on your post/page, instead of the end, simply click and place your cursor where you want the video to be added, then click on the video block, and WP will add the new block at your cursor’s location. The block may be fine tuned by clicking on the up arrow in the box above the video block. This will cause it to move up/down past each page element. 

Select your video to upload

WordPress Video Embed Step 3: Upload/choose your video

Now it’s time to select your specific video to be added to the page. If you have yet to upload it to your server, click the Upload button, navigate to the video on your device, and select it for upload. If the video was already added to your WordPress media library, click on the Media Library link to choose your video.

Once selected and uploaded, the block editor will show a preview of your video in your post or page. 

WordPress Video Embed Step 4: Edit video settings

The default settings for video embeds adds the video to your page, with it paused on the first frame of the video. Chances are this is not what you want, and depending on the purpose of your video, you may want it to auto play, loop, etc. By clicking on the three dot menu above your video embed, you can access the more settings and customize how your video is displayed. 

Choose Show More Settings to customized WordPress video embed
WordPress Video Settings

WordPress video embed custom settings explained:

  • Autoplay: The video will automatically play once loaded. Keep in mind, your user must download most, if not all of the video before it starts playing. So if your video is large, it may take a few extra seconds after the page is loaded for it to begin playing. Also, a video must not have sound if it is to autoplay, so be sure you also select the Muted option. 
  • Loop: The video will play again, or loop, once it reaches the end. This is great for short videos. 
  • Muted: Silences the video’s sound. Required for autoplay. 
  • Playback controls: Show or hide the play/pause/seek/download buttons. 
  • Play inline: This controls how mobile users see the video. Switch on if you want the video to play on the page instead of expanding to take over the entire screen. More info here.

If your goal is to have a video behave like an animated GIF and automatically play/loop on page load, then you should enable all options EXCEPT the playback controls option.  

Next, you’ll want to take a look at the Preload and Poster image area. For best results, Auto is the correct preload option, as it will preload as much of the video as possible. The Poster image is the image that is displayed when your video has yet to play. By default, WordPress selects the first frame of your video, which is probably not the ideal frame. 

Perhaps the easiest way to add a Poster image is to open the video on your computer, find the perfect still frame from the video, take a screenshot of said frame, and upload it after you click the Select button. Advanced users will often create their own Poster image with attractive graphics to help improve video views. 

Sample embeded WordPress video:

Congrats! You’ve now embedded and customized a video on WordPress!

WordPress Third Party Video Embed Instructions

WordPress also contains built-in support for embedding videos hosted on many popular external websites, including YouTube, TikTok, DailyMotion, and more. If your goal is to embed a video from one of these supported platforms using the default WordPress block editor, then we have you covered with the instructions below. 

It is worth mentioning that embedding a third party video on your site means you do not have control over the video. The video provider (YouTube, Vimeo, etc.) is responsible for hosting and playing the video, you are just allowing it to occur on your own website. On the surface that doesn’t sound too bad, but choosing to go this route means that your video could be prefaced or interrupted with an ad at the video provider’s discretion. It will also allow the third party to gather information about your website/users which you may prefer be kept private.

Chances are you don’t want a hard-earned web visitor navigating away from your website to learn more about something shown to them in an ad. With YouTube’s ever increasing use of ads, this becomes a real worry for website owners wanting to use YouTube embeds on their site. Similarly, you probably don’t want people to click on the “Watch on YouTube link” that is added by default, as you don’t want to lose a web visitor to YouTube. These issues are why third party video streaming services like LucidVideo have grown in popularity as of late. 

WordPress Video Embed Step 1: Upload/choose your video from third party site

Before you can embed a video, it must be hosted by a website which will handle the streaming to your users. WordPress has built-in support for many different providers, including Amazon Kindle Instant Previews, Animoto, Cloudup, DailyMotion, Flickr, TED, TikTok, VideoPress, Vimeo, WordPress.tv and, of course, YouTube.   

WordPress Video Embed Step 2: Add embed block on your post/page

Create a new post/page in WordPress or edit an existing one. Click on the blue plus on the top of the page and scroll down to the Embeds area of the list. Click on the corresponding embed option to add the block to your page. By default, the embed block will be added to the bottom of your page. If you want to add it elsewhere, place your cursor where you want it to go and then click the embed button.

Click the Plus icon to start the embed process
Choose Your Embed Type

WordPress Video Embed Step 3: Add your video’s URL to the embed block

Each embed option will be a little different here, but for the most part they all function the same; copy and paste the video’s URL into the block embed and you should be good to go. 

What’s a URL you ask? Put simply, it’s the location on the internet of the web page you are viewing. You can find it at the top center of a web browser, it’s the long line of text that starts with https://… For instance, the URL of this web page is: http://lucidvideo.ai/how-to-embed-a-video-on-wordpress

For example, with YouTube, simply copy and paste the video’s URL into the embed. Be sure that your video is set to Public or Hidden, as Private videos will not embed on WordPress.

Paste URL for YouTube video oEmbed

Vimeo is the same as YouTube, simply copy and paste the video’s URL from Vimeo into the embed block on your website and you are set. Be sure your privacy is set to Public or Hide from Vimeo, as the other options will not allow a successful embed. 

Publish your new post or update and existing one and that’s it! You’ve now successfully embedded a third party video on your WordPress site. 

LucidVideo Player Instructions

LucidVideo offers a small, fast video player that is easily embedded into your WordPress web page with just a copy and paste. On top of hosting and streaming your videos, LucidVideo offers several AI-enhanced video features such as automated short videos, next video recommendations and automatic metadata tagging. 

LucidVideo Embed Step 1: Upload/choose your video & create a page/post

To get your LucidVideo embedded on a WordPress page your first step is to create a new post or page in which to add your video. You will also need to upload your video to LucidVideo website for hosting and streaming to your WordPress website. Read this page for instructions on uploading your video to LucidVideo.

Lucid Video Embed Step 2: Add your video to your web page.

Once you have uploaded your video to Lucid, the next step is to copy and paste the embed code into your WordPress page. The embed code comes in two parts, the first one is used to initialize the Lucid player on your page, and the other part is used to actually display the video. Step 1 never changes and only needs to be included once per page, while the Step 2 is unique to each video and defines where the video will be included in your website.

Embed LucidVideo short video

For our example, we are going to simply copy and paste both Step 1 and Step 2 from above into the same Custom HTML block. To do this, open your new page/post and click on the blue plus icon to add a new block, and select the custom HTML block that is listed under the Widgets section of the block listing. 

Click the Plus icon to start the embed process

This will add an empty block at the end of your page for you to paste both Step 1 and 2 into. Click the copy icon to the top right of a code snippet to copy the embed code to your clipboard, then paste it into this new custom HTML block. Make sure you include both steps. After the copy and paste, your custom HTML block will look something like the example below.  

How to embed LucidVideo on WordPress

You may immediately test your WordPress video by clicking the Preview button in the block’s menu. This will render the custom HTML code and let you see how your video embed looks on your web page. 

With that, you have embedded your video within your WordPress web site! 

YouTube Video Embed Instructions

YouTube may be embedded onto your WordPress site via the built-in oEmbed block or via a custom HTML embed. The former option, using the built-in embed tool, is explained in more detail above, while the latter custom HTML embed is explained below. The advantage of embedding via custom HTML is that you have a little more control over how the video is displayed on, and interacts with your website. 

As with the built-in embed, using the custom HTML embed for YouTube still presents issues with your users being driven away from your website and to YouTube via Related Video links at the end of the video, as well as the possibility of YouTube showing ads on your website via an embedded video. 

YouTube Video Embed Step 1: Upload your video to YouTube

Upload your video to YouTube and make sure you set it to Public or Unlisted. Private videos are not embeddable. 

Make Video Public

YouTube Video Embed Step 2: Copy embed code

Navigate to the video you want to embed from YouTube. Click on the Share icon to the bottom right of the video, and a shadow box will pop up. 

Click to Share

If you want to start the video at a point other than the beginning, select the Start at checkbox and input the start time as minutes:seconds.

Click embed to open code

Click on the Embed button on the far left. The pop up window will change to show a preview of the video embed along with the embed code and a few options. Be sure to scroll down on the right half of the pop up, as there are more options. In this case, you can choose to show or hide controls, as well as to Enable privacy-enhanced mode, which helps reduce YouTube’s tracking of users on your site. 

YouTube Embed Vide for WordPress

Next, copy all of the code that begins with <iframe width=… and ends in </iframe>. Be sure that you copy all the code so that it starts and ends with the <iframe> and </iframe> tags or else your embed will fail. 

Step 3: Add embed code to your website

Now that you have the embed code from YouTube, you need to add it to your website. To do this, create a new post/page or edit an existing one. Next, click on the blue plus icon to add a new block, and select the custom HTML block that is listed under the Widgets section of the block listing. 

Click the Plus icon to start the embed process
WordPress widgets

Next, paste the code copied from YouTube above into the custom HTML block. It will look something like below, with a different URL in the src=”” area. 

YouTube Embed Code

YouTube Video Embed Step 3: Customize your YouTube embed

The YouTube iframe embed is more powerful than what is shown above. There are many more options you can set to make the video behave to your liking. A full breakdown of options are available on YouTube’s support site, we will break down the most common ones below. 

Warning: The following can get a little confusing. If you accidentally break something and the video will not display, you can always go back to step 1 above and copy and paste the embed code to try again. 

Rather than try and understand the developer notes in the support site link above, let’s do this part the easier way. Visit the YouTube Player Demo page for an easy way to customize YouTube embeds.

Customize YouTube Embed Tools

On this page you are shown an example video along with several customization options. Your first step is to replace the example video with your video so that you can copy and paste the resulting code into your website.. To do so, you need to find your video ID. This ID is the string of letter and numbers at the end of the YouTube video’s URL, after the final /. In the example above, the ID is dQw4w9WgXcQ. Find this video ID and copy it to your clipboard. Then, switch back to the YouTube Player Demo page and paste this video ID into the box next to Content

YouTube Video ID

Next, scroll down to the Size section of the page. Here you can choose the video’s aspect ratio and pixel dimensions. The aspect ratio refers to the shape of the video, 16×9 is widescreen, 4×3 is the old TV size. If you choose the wrong aspect ratio, your video will be cropped. Chances are 16×9 is right for you. 

You need to decide how large you want your video to be in pixels under Dimensions. Only the width is editable here, with the height being automatically calculated based on the aspect ratio and the pixel width you input. Make sure that the number you add in the Dimensions box fits on your WordPress page. A number between 600 and 1000 will probably work. 

Set YouTube Player Size

Once you have entered your video’s ID and set the preferred size, click on the blue Update player with selection options button to save your changes, and then click on the white button with blue text labeled Show player parameters to allow further customization. This will replace the area below your video with a list of player customization parameters.

Update Player
Show Player Parameters

Now you need to decide what parameters are important to your website. There are few that you may find important such as autoplay, color, controls, fs, loop, modestbranding, and, playsinline. Each is explained below: 

  • autoplay: When checked, automatically plays the video when the page loads. When unchecked, the video must be clicked or tapped to play. 
  • color: Choose white or red highlights. 
  • controls: When checked, the video play/seek/volume controls are visible. Unchecking removes them from the video. 
  • fs: Allow or disallow full screen viewing of the video. When checked, fullscreen video is allowed. When unchecked the video will only play in the specified size.
  • loop: Plays the video again after it ends when selected. If unchecked the video will display related videos at the end.
  • modestbranding: Reduces the size of the YouTube branding, only showing it when the user’s mouse is placed on the video. 
  • playsinline: Allows iOS (iPhone) users to watch the video on the page, instead of full screen.
  • mute (not shown): Browsers will not autoplay a video that has sound. If you want the autoplay option to work, you must manually add &mute=1 to the iframe source that you are provided below. 

Once you have set all your parameters to your liking, click on the blue Update player with selection options button again and then Show player controls to generate your new embed code. 

Update YouTube Player

Copy this embed code and replace it with the one created in step 2 above and then Publish/Update to finish your YouTube video embed on your WordPress page or post. 

Remember to add in the &mute=1 parameter to the src URL if you want autoplay to work.

Congratulations on embedding a YouTube video on your WordPress website!

Vimeo Video Embed Instructions

Vimeo offers a similar WordPress web page embed process as YouTube. In addition to the built-in Vimeo embed, you can unlock more advanced embed options when you use the custom HTML block on your WordPress page. Unlike YouTube, Vimeo does not show ads over your videos, meaning they are arguably a better option for embedding videos on your website. Keep in mind that Vimeo restricts free accounts with a reduced feature set and limited video upload and storage quotas. 

Vimeo Video Embed Step 1: Upload your video to Vimeo

Upload your video to Vimeo so that you can embed it on your website. The free tier allows you to upload 500MB of videos per week, so keep that in mind if you want to upload a large number of videos or longer videos. There is a chance that your original video is too large to upload without a paid account. Once the upload is complete, give Vimeo a few minutes to process your new video. 

Vimeo Video Embed Step 2: Copy embed code

Once your video has completed processing it is ready to be embedded. In Vimeo navigate to your videos page by clicking on the Mange Videos menu then My Videos

New Video Upload

Here you will see a listing of all the videos you have uploaded to Vimeo. Find the one you want to add to your website and click on the three-dot More Actions icon below the video’s thumbnail. Next, click on </> Embed which will load a new page. 

Access Vimeo Video Embed Code

On this new page you will be shown a preview of your embed on the right side, along with a wealth of embed options on the left. If you are not a paid Vimeo user, there will be some options that are unavailable to you and marked “Pro Only.” In most cases, this will not be a problem, and this guide will only make use of the free Vimeo features. 

Now is your chance to make the video look how you want it to look. Feel free to toggle off controls such as the Playbar, and Volume Controls, or block actions such as Like/Watch Later/Share/Embed. By toggling off the Let Users Decide option under Your Details, you can also remove the Profile Picture, Title, and Byline from the video embed. 

Our preferred embed options include turning off all controls, actions, and details, as well as turning off the Vimeo logo. This way the video can be set to behave like a GIF and autoplay upon page load. 

Turn off all options

Once you have customized your video to your liking, click on the Embed Code button to the top right of the preview video. Once clicked, a shadow box will pop up with a button to copy the embed code to your clipboard. Go ahead and click copy. 

YouTube Video Embed Code for WordPress

Vimeo Video Embed Step 3: Finish customizing your video to allow autoplay

If you are happy with the embed options set in step 2, you can skip this step. However, if you want to change its size or have your video autoplay on page load, you need to make a few more changes. Full embed documentation is available, though we show you how to add the changes below. 

Changing your video size is simple. Locate the width=”XXX” and the height=”YYY” text in the embed code above and edit them to fit your site. Make sure to keep the same ratio the same to avoid cropping of your video. 

In order to make your video autoplay, you need to add a few parameters to the source url you copied in the last step. This is achieved by adding three new parameters to the URL including autoplay=1, loop=1, mute=1, and autopause=0. With these parameters added, your embed code will look like the example below. Order does not matter in these parameters, just be sure that the first parameter has a ? before it and there is a & between each parameter. No spaces are allowed.  

Vimeo Video Embed Step 4: Add embed code to your website

Now that you have the embed code from Vimeo, you need to add it to your website. To do this, create a new post/page or edit an existing one. Next, click on the blue plus icon to add a new block, and select the Custom HTML block that is listed under the Widgets section of the block listing. 

Click the Plus icon to start the embed process
WordPress widgets

Next, paste the code copied from YouTube above into the custom HTML block. It will look something like below, with a different URL in the src=”” area. 

Vimeo Full Embed Code

Now all you have to do is click Publish or Update on your post and your video will be live on your website!

Vidyard Video Embed Instructions

Vidyard is a popular premium video hosting service focused on business users. Similar to Vimeo, Vidyard offers multiple tiers of paid video hosting, as well as a free tier with a limited feature set and limited hosting/streaming capabilities. Vidyard offers multiple video embed styles including, inline, lightbox, and iframe. For this how-to document we will focus on the inline embed that is available to all users, both paid and free. 

Vidyard Video Embed Step 1: Upload your video to Vidyard

In order to embed a video with Vidyard, you must first upload it to their servers. To do this, log in to your free of paid account and click on the purple New button located on the top right of the window. This will cause a menu to drop down, with options to Record Video or Upload. Click on Upload, navigate to the video file on your local computer, select it and click open. 

Upload video before embedding in WordPress

This will initiate the file upload process. Once complete, you will be automatically directed to your video library where you will see your video processing. 

Wistia Video Library

Vidyard Video Embed Step 2: Copy inline video embed code

Once the processing is complete, click on the three-dot menu on the far right of the window, then Share.

three dot kebab menu
Share video from VidYard

Doing so will pop open a shadowbox with sharing options. As we want to embed our video, we’ll want to slide the Embed on a site switch on. This will make a button appear called </> Copy Code. Click it to copy the embed code to your clipboard.

Copy embed code

Vidyard Video Embed Step 3: Add Vidyard inline embed code to your website

Now that you have copied the embed code from the Vidyard website, you need to add the code to your website. To do this, create a new post/page or edit an existing one. Next, click on the blue plus icon to add a new block, and select the custom HTML block that is listed under the Widgets section of the block listing. 

Click the Plus icon to start the embed process
WordPress widgets

Next, paste the code copied from Vidyard above into the custom HTML block. It will look something like below, with a different URL in the src=”” area. 

Add VidYard Embed Code To WordPress Web Page

Unfortunately, Vidyard does not allow player customization with their free plan. Those on the paid plans of Teams, Business or Enterprise may enable options such as autoplay, mute by default, and more. However, their documentation shows the query parameters that are available for customization, and in our testing several custom options worked on a free plan. YMMV. 

Available customization parameters include:

  • data-width=”#ofPixels”  // if you want a fixed size
  • data-height=”#ofPixels”
  • data-autoplay=”1 or 0″  // 1=yes, 0=no
  • data-muted=”1 or 0″  // 1=yes, 0=no
  • data-hidden_controls=”1 or 0”  // 1=yes, 0=no
  • data-preload=”none, metadata or auto”  // no preload, minimal preload or full preload.
  • data-loop=”1 or 0”  // 1=yes, 0=no

For our sample WordPress embed video, we added multiple customization parameters to allow it to being autoplaying and looping as quickly as possible.

Now all you have to do is click Publish or Update on your WordPress post and your video will be live on your website!

Wistia Video Embed Instructions

Wistia is another business-focused video streaming service. Wistia boasts that their video marketing software makes it easy to find, engage, and grow an audience. 

Wistia Video Embed Step 1: Upload your video to Wistia

Get started by logging into your Wistia account, at which point you will land in the All Content section of the website. Click on the + Create button on the top right of the page to start the video upload process. 

Create

Clicking the button will present pair of options, create a new project or create a new channel. For our purposes we will want to Create a Project

Create Project or Channel

Once clicked, you will be directed to an untitled project page. Here you will want to click on the small Edit button to the right of the Untitled Project heading, which will allow you to add your own project name. You may also add a longer description, should you so desire. Click Save. 

Wistia Project

Next, click the blue Upload button on the top right of the page. This will open a menu for you to navigate to and open your video file from your computer, initiating the file upload. 

Upload Button
All Video Content on Wistia

Once the uploading and processing of your file is complete, you will see the video listed in your All Content section of the Wistia site. 

Wistia Video Embed Step 2: Customize your WordPress video

As we have down with other streaming video providers in this list, we will go over how to make a video behave like an animated GIF, meaning it quietly autoplays and loops. To do so, navigate back to your video preview page. Click on the project’s name in the All Content section of the site, then click again on the video’s name on the following page. This will take you to the Manage section of a page where you can preview your video. Click on the Customize tab on the left side of the screen to make our changes. This will load customization options in the left column. 

Wistia Video Page
Customize Wistia Video for Embedding

In our case, we want to click on Controls, then select Autoplay and then Muted. Next, we want it to loop, so click on the menu to the right of End which defaults to Pause on the last frame. Select Loop the video. Let’s remove the controls and play button by deselecting all options on the left column, including Controls Visible, On Load, Controls, Big Play Button, Small Play Button, Play Bar, Volume, Settings, and Fullscreen. Your settings should mirror those in the screenshot below. Click save to keep the new settings.   

Wistia Video Controls

Wistia Video Embed Step 3: Copy Wistia video embed code

To get your embed code, click on the </> Embed & Share button on the top right of the page. Doing so will pop open the following shadowbox with a wealth of video embed options. 

Embed and Share
Wistia WordPress Video Embed Code

Here you have two options: Used the default javascript-based embed code listed at the top o the box, or select the Use oEmbed URL option. Either option will work for WordPress, but the oEmbed version is easier to use, and unique, so let’s try that one. 

If you prefer to use the javascript embed, click on the blue Copy button on the right side of the box and follow step 3 above, using the Wistia code rather than theVidyard code. 

To use oEmbed, select the Use oEmbed URL option. This will replace the javascript embed code listed above with the oEmbed code for WordPress. Click the blue Copy button to copy the oEmbed URL to your clipboard. 

Embed Code
https://benjnau.wistia.com/medias/p0rcwahy0a?embedType=async&videoFoam=true&videoWidth=640

Wistia Video Embed Step 4: Add Wistia oEmbed to your WordPress website’s allowlist

WordPress has built-in oEmbed support for many different providers, many of which are shown in the image below, but unfortunately, Wistia is not one of them. This is not a big problem, as all you have to do is install the Wistia WordPress plugin to add oEmbed support.

Navigate to your WordPress dashboard, mouseover the Plugins word on the far left of the screen, and click on Add New. This will direct you to the WordPress Add Plugins page, where you can search for Wistia in the search box on the top right of the page.       

Add new WordPress plugin
Wistia WordPress Plugin

Click on the gray Install Now button, wait a few seconds, then click the blue Activate button.

After activation, you will be sent to the WordPress Plugins page. Chances are you do not need to edit any settings for the plugin, meaning we’re done with the installation.

Wistia Video Embed Step 5: Add Wistia oEmbed code to your website

oEmbed is a little different then a custom HTML embed, but the process is quite similar. On your page or post, add a new block by clicking on the blue plus icon to add a new block, and select the Embed block that is listed under the Embeds section of the block listing. 

Click the Plus icon to start the embed process
WordPress media embed options

Clicking the Embed block option will place an empty embed block on your page. Paste the code you copied from the step 2 above into this block and WordPress will automatically fetch the necessary code to embed the Wistia video on your WordPress web page. Click the blue Embed button to complete the process.

oEmbed Wistia Video URL in WordPress Page
 

Now all you have to do is Update or Publish your page to share your WordPress video embed with the world.