BenJD

This WordPress plugin allows you to use responsive frames in your posts, pages or templates. Implemented via shortcode our responsive iFrames are simple and easy to use. Make sure your iFrames display correctly and adapt to different screen sizes and orientations.
Adding an iFrame to WordPress
Adding a responsive iFrame is simple. A small amount of shortcode is all that is required. The shortcode can be added to a post, a page or a wordpress template. Here is a simple example: [bjd-responsive-iframe src=”https://www.youtube.com/embed/UZr75lLiE6k”] This will create a responsive iframe for a youtube video. the ‘src’ attribute is required. Other optional attributes are also available.
 Attribute 
 Description 
 Example
 src 
 The source url for the iframe. 
 <iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/UZr75lLiE6k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
 id 
 Sets an id attribute for the iframe 
 youtubeVideo
 name 
 Sets a name attribute for the iframe 
 Example
 width 
 Sets the width attribute for the iframe 
 420
 height 
 Sets the height attribute for the iframe 
 300
 frameborder 
 Sets the frameborder attribute for the iframe 
 0
 scrolling 
 Sets the scrolling attribute for the iframe 
 yes OR no
 marginheight 
 Sets the marginheight attribute for the iframe 
 0
 marginwidth 
 Sets the marginwidth attribute for the iframe 
 0
Here is a more complicated example: [bjd-responsive-iframe src=”https://www.youtube.com/embed/UZr75lLiE6k” id=”youtubeVid” name=”youtubeVid” width=”560″ height=”315″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ ]
Demo
A demonstration for the plugin working on wordpress 3 can be found here ( http://www.bj-dehaan-solutions.com.au/demos/wordpress3/responsive-iframe-demo/ ). 
A demonstration for the plugin working on wordpress 4 can be found here ( http://www.bj-dehaan-solutions.com.au/demos/wordpress4/responsive-iframe-demo/ ).

BJD Responsive iFrame

Vlad

While being tailored for <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD Video Hosting</a> users, the plugin should work 
with any video which can be embedded via an iframe. Simply set the width and height attributes to fit 
your video’s format and you’re all set!
<a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users can get a shortcode link with all of the required parameters 
automatically though the <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> CMS.
<a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users also get additional options such as playlist embeds and popup embeds.
<h4>Shortcode examples:</h4>
[iplayerhd src=”https://www.youtube.com/watch?v=dQw4w9WgXcQ”] – by omitting width and height parameters the video is embedded in 16:9 format
[iplayerhd src=”//iplayerhd.com/player/video/5ae4df93-5734-4e29-9f2e-15ff9056b7e4?cbartype=auto” width=”1024″ height=”768″]
<h4>Shortcode parameters:</h4>
<ul>
<li>src – source of the iframe, defaults to: http://iplayerhd.com/player/video/5ae4df93-5734-4e29-9f2e-15ff9056b7e4?cbartype=auto</li>
<li>width – width of video in pixels, defaults to 640 – if the video is in 16:9 format you can omit this parameter</li>
<li>height – height of video in pixels, defaults to 360 – if the video is in 16:9 format you can omit this parameter</li>
<li>popup – for <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users only – embeds a thumbnail which opens the video in a lightbox-style popup, defaults to ‘false’</li>
<li>player-mode – for <a href="https://iplayerhd.com/cms/refer/10235175-966c-4d78-a75d-04c6159c0e02" rel="nofollow ugc">iPlayerHD</a> users only – possible values: ‘video’, ‘playlistRight’, ‘playlistBottom’ – user for embedding iPlayerHD playlists, defaults to ‘video’</li>
</ul>

Free Responsive iframe Video Embeds

Use the [iplayerhd] shortcode to easily add responsive iframe-based video embeds to your website (YouTube, Vimeo, iPlayerHD and more...)

BJD Responsive iFrame vs Free Responsive iframe Video Embeds