Ryan Kienstra

<ul>
<li>Requires <a href="https://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a> 3.2 or later</li>
<li>This responsive widget resizes with its container</li>
<li>With the <a href="https://make.wordpress.org/core/2017/05/26/media-widgets-for-images-video-and-audio/" rel="nofollow ugc">Video widget</a> in WordPress 4.8 and later, this widget is less necessary for videos</li>
<li>Though this widget still works with videos, the <a href="https://make.wordpress.org/core/2017/05/26/media-widgets-for-images-video-and-audio/" rel="nofollow ugc">Video widget</a> displays well in many <a href="https://getbootstrap.com/" rel="nofollow ugc">Bootstrap</a> themes</li>
<li>But this widget also supports embeds like <a href="https://www.slideshare.net" rel="nofollow ugc">SlideShare</a>, <a href="https://speakerdeck.com" rel="nofollow ugc">Speaker Deck</a>, <a href="https://spotify.com" rel="nofollow ugc">Spotify</a>, and <a href="https://soundcloud.com" rel="nofollow ugc">SoundCloud</a></li>
</ul>
<iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/6FfXmebV1sI?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>

Adapter Responsive Video

A widget for videos and embeds from YouTube, SlideShare, Spotify, and more. Resizes to its container.

Jesse Friedman

One of the hardest parts of building Responsive WordPress themes is maintaining responsive integrity after the site goes live. User Admins can have limited coding abilities which can prevent them from maintaining responsiveness in themes.
WP Mobile Detect aims to make it extremely easy for anyone to wrap content in the editor with shortcodes which will hide content based on visitor device at the server level.
No longer do we need to rely on display:none; or other techniques to hide content for mobile devices. Instead we can replace content with alternatives. When a full-size infographic in your post is unknowingly displayed on a visitors phone we can consider that an Non-user initiated download. In other words that visitor had no idea what they were getting into and you possibly just choked their bandwidth.
WP Mobile detect gives you the ability to wrap that infographic in a [notdevice][/notdevice] shortcode so at the server level WordPress will decide to show that content only if the user is NOT on a phone or tablet. Alternatively you can wrap a link and corresponding text to that info graphic in a [device][/device] shortcode as a way for the visitor to consume that content if they so choose.
This plugin is based on the <a href="http://code.google.com/p/php-mobile-detect/" rel="nofollow ugc">PHP Mobile Detect class</a> 
WordPress Plugin written by <a href="http://jes.se.com" rel="nofollow ugc">Jesse Friedman</a>

WP Mobile Detect

WP Mobile Detect by Jesse Friedman creates an easy way for the User Admin to control when content is shown or hid based on visitor device or operating …

Adapter Responsive Video vs WP Mobile Detect