Peytz &amp; Co

Compute

James Bonham

This plugin makes images, embedded videos (for example YouTube and Vimeo) and other media fully responsive. It also improves the html markup of images in the content, both with and without captions.
More precisely, this plugin makes the following changes…
<ol>
<li>Removes p tags that wrap around inline images</li>
<li>Makes avatars responsive by removing width and height</li>
<li>Makes images in the post content responsive by removing width and height</li>
<li>Makes featured images responsive by removing width and height</li>
<li>Changes inline images that have captions to use the standard html5 figure/figcaption elements (only if not already defined in your theme features)</li>
<li>Makes oembeds responsive, so that they fit the width of the container</li>
<li>Links inline image to none by default, not to the media file</li>
</ol>
Contribute to <a href="https://github.com/Peytz-WordPress/pco-media-handler" rel="nofollow ugc">this project</a> on <a href="https://github.com/Peytz-WordPress" rel="nofollow ugc">github</a> or see <a href="https://profiles.wordpress.org/peytzco/" rel="nofollow ugc">all of our favorite and custom-made plugins</a>

Pco Media Handler

Improve the markup of featured images, inline images and embeds, and make them all responsive to all screen sizes.

Rownok Bosunia

Device-Specific Media Element is an Elementor extension that allows you to serve different media formats to different devices:
<ul>
<li>For iOS devices (iPhone/iPad) → Load and play .gif files</li>
<li>For Mac devices → Load and play .mp4 files</li>
<li>For other devices (Windows, Android, Linux, etc.) → Load and play .webm files</li>
</ul>
This approach optimizes performance by serving the most appropriate media format for each device type, improving load times and user experience.
<h4>Features</h4>
<ul>
<li>Custom Elementor widget for device-specific media</li>
<li>Automatic device detection using JavaScript</li>
<li>Support for .gif, .mp4, and .webm formats</li>
<li>Options for autoplay, loop, mute, and controls</li>
<li>Fallback media for unsupported browsers</li>
<li>Fully responsive design</li>
<li>Multiple widget instances on the same page</li>
<li>Clean, modular code following WordPress standards</li>
</ul>
<h3>Usage</h3>
After installing and activating the plugin:
<ol>
<li>Edit a page with Elementor.</li>
<li>Find the “Device-Specific Media” widget in the Elementor editor.</li>
<li>Add the widget to your page.</li>
<li>Upload or specify URLs for each media type:
<ul>
<li>GIF for iOS devices</li>
<li>MP4 for Mac devices</li>
<li>WebM for other devices</li>
</ul>
</li>
<li>Configure playback settings (autoplay, loop, muted, controls).</li>
<li>Add a fallback image/message for unsupported browsers.</li>
<li>Save and publish your page.</li>
</ol>
The plugin will automatically detect the visitor’s device and load the appropriate media type.

Device-Specific Media Element

A WordPress plugin that adds a custom Elementor widget to load different media types based on the visitor's device.

Pco Media Handler vs Device-Specific Media Element