There are 2 main ways to add your videos to Wordpress.
Keep in mind this can change if you are using specific plugins or page builders. For information on specific page builders and plugins check this collection of help articles.
But if you are using the default Wordpress editor there are 2 main ways.
Using the HTML block
The newest version of Wordpress allows you to build your posts and pages using blocks. To add your video just add an HTML block and then add your code to that block.
Here you can see a post that is created with 2 "Paragraph" blocks already created so far. I have one sentence in each block:
Now I want to add an HTML block in between those to add my video.
First I'll hover over the blocks until I see the "+" button to add a block:
Then enter "HTML" into the search field and you will see the HTML block appear
Select that HTML block and then paste your embed code into that:
Now if you click inside that HTML code field it will give you options including a Preview option. Click that:
And you will see the video:
Now click away on a blank part of your screen and you will see how the video looks now in between the 2 Paragraph blocks added earlier:
That's it, your video is added and you can now publish or update your post/page. Keep in mind that Spotlightr is automatically set to fill the container that it's embedded to. If you want the video to be smaller you can either directly edit the size of the player using the Spotlightr settings
Using the Code Editor
Using the code editor is similar except you are interacting with all of your content in HTML form.
First I'm going to enable the Code Editor here:
Then you'll see everything in HTML. You'll notice the 2 blocks that were added are here:
And now if I want to add my video in between them, I would paste the embed code directly. You'll notice that Wordpress is adding the
</p> tags before and after the embed code. This is fine and you can leave it:
Should you experience any issues, looking forward to resolving them at firstname.lastname@example.org