Get bi-weekly articles and news about video on the web delivered to your email inbox.

3 easy steps to embed a responsive, ad-free video to your WordPress

If you want to embed a responsive, ad-free video into your WordPress website you came to the right place. With iPlayerHD it will take only 3 easy steps. The whole process will take you less then a few minutes.

Here is the example of how the video will work and look like (try resizing your browser and you will see the video act responsively).

Let’s jump right in.

1. Install the Free Responsive iframe Video Embeds plugin

Download and install the plugin from here: https://wordpress.org/plugins/free-responsive-iframe-video-embeds/

2. Get the embed code for your video

If you are already an iPlayerHD member go to your dashboard and select the video you want to embed. If you are not a member create a free account here.

Just below the video preview is the Sharing section, click on Embed on your website button.

Screen_Shot_2016-09-05_at_2_29_41_PM

On the next screen you will see the embed code to be used in step 3.

Screen_Shot_2016-09-05_at_3_00_51_PM

Copy the code to the clipboard by clicking on the icon on the bottom right of the box.

3. Place the WordPress embed code into your post or page

Go to the location in your WordPress page or post where you want the responsive video to appear and paste (Ctrl + V) the embed code you have copied in step 2.

If your video is in 16:9 format you can delete the width and height attributes from the shortcode. It should look just like this.


If not, you will need to adjust the width and height attributes to match those of your video.

Publish the post and voila! You will have a great looking responsive video, working well on every type of device.

 

If you have any problems or questions contact us and we will help you out.

Join more than 100,000 businesses and organizations worldwide using iPlayerHD.

START 14-DAY FREE TRIAL

No obligations, no credit card required.