Title: Device-Specific Media Element
Author: Rownok Bosunia
Published: <strong>മെയ്‌ 30, 2025</strong>
Last modified: ജൂൺ 2, 2025

---

Search plugins

![](https://ps.w.org/device-specific-media-element/assets/banner-772x250.png?rev
=3303788)

![](https://ps.w.org/device-specific-media-element/assets/icon-256x256.png?rev=3303788)

# Device-Specific Media Element

 By [Rownok Bosunia](https://profiles.wordpress.org/rondevs/)

[Download](https://downloads.wordpress.org/plugin/device-specific-media-element.1.0.1.zip)

 * [Details](https://ml.wordpress.org/plugins/device-specific-media-element/#description)
 * [Reviews](https://ml.wordpress.org/plugins/device-specific-media-element/#reviews)
 *  [Installation](https://ml.wordpress.org/plugins/device-specific-media-element/#installation)
 * [Development](https://ml.wordpress.org/plugins/device-specific-media-element/#developers)

 [Support](https://wordpress.org/support/plugin/device-specific-media-element/)

## Description

Device-Specific Media Element is an Elementor extension that allows you to serve
different media formats to different devices:

 * For iOS devices (iPhone/iPad)  Load and play .gif files
 * For Mac devices  Load and play .mp4 files
 * For other devices (Windows, Android, Linux, etc.)  Load and play .webm files

This approach optimizes performance by serving the most appropriate media format
for each device type, improving load times and user experience.

#### Features

 * Custom Elementor widget for device-specific media
 * Automatic device detection using JavaScript
 * Support for .gif, .mp4, and .webm formats
 * Options for autoplay, loop, mute, and controls
 * Fallback media for unsupported browsers
 * Fully responsive design
 * Multiple widget instances on the same page
 * Clean, modular code following WordPress standards

### Usage

After installing and activating the plugin:

 1. Edit a page with Elementor.
 2. Find the “Device-Specific Media” widget in the Elementor editor.
 3. Add the widget to your page.
 4. Upload or specify URLs for each media type:
 5.  * GIF for iOS devices
     * MP4 for Mac devices
     * WebM for other devices
 6. Configure playback settings (autoplay, loop, muted, controls).
 7. Add a fallback image/message for unsupported browsers.
 8. Save and publish your page.

The plugin will automatically detect the visitor’s device and load the appropriate
media type.

## Screenshots

 * [[
 * The Device-Specific Media widget in the Elementor editor, showing media upload
   fields.
 * [[
 * Example of different media types displayed on iOS, Mac, and Windows devices.
 * [[
 * [[

## Installation

 1. Download the `device-specific-media-element.zip` file.
 2. Upload the `device-specific-media-element.zip` file through the ‘Plugins’ menu 
    in WordPress (Plugins > Add New > Upload Plugin) or unzip and upload the `device-
    specific-media-element` folder to the `/wp-content/plugins/` directory.
 3. Activate the plugin through the ‘Plugins’ menu in WordPress.
 4. Edit a page with Elementor.
 5. Look for “Device-Specific Media” in the Elementor widget panel.
 6. Drag and drop the widget to your page.
 7. Configure the different media sources for each device type.

## FAQ

### Does this plugin work with page builders other than Elementor?

Currently, the plugin only supports Elementor. Future versions may add support for
other page builders.

### What happens if I don’t upload a specific media type?

If a media type for a specific device is not provided, the plugin will try to use
one of the other media types as a fallback. If no media is available, it will display
the fallback image/message.

### Can I control video playback options?

Yes, you can configure autoplay, loop, muted, and controls options for video elements.

### Will this slow down my website?

No, this plugin helps optimize performance by loading only the media type appropriate
for the visitor’s device, rather than loading multiple formats.

## Reviews

ഈ പ്ലഗിന് റിവ്യൂകൾ ഒന്നുമില്ല.

## Contributors & Developers

“Device-Specific Media Element” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ Rownok Bosunia ](https://profiles.wordpress.org/rondevs/)

[Translate “Device-Specific Media Element” into your language.](https://translate.wordpress.org/projects/wp-plugins/device-specific-media-element)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/device-specific-media-element/),
check out the [SVN repository](https://plugins.svn.wordpress.org/device-specific-media-element/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/device-specific-media-element/)
by [RSS](https://plugins.trac.wordpress.org/log/device-specific-media-element/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.0.1**
 *  Last updated **11 മാസങ്ങള്‍ ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.0 അല്ലെങ്കില്‍ അതിലും ഉയര്‍ന്നത് **
 *  Tested up to **6.8.5**
 *  PHP version ** 7.4 അല്ലെങ്കില്‍ അതിലും ഉയര്‍ന്നത് **
 *  Language
 * [English (US)](https://wordpress.org/plugins/device-specific-media-element/)
 * Tags
 * [elementor](https://ml.wordpress.org/plugins/tags/elementor/)[media](https://ml.wordpress.org/plugins/tags/media/)
   [responsive](https://ml.wordpress.org/plugins/tags/responsive/)[video](https://ml.wordpress.org/plugins/tags/video/)
 *  [Advanced View](https://ml.wordpress.org/plugins/device-specific-media-element/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/device-specific-media-element/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/device-specific-media-element/reviews/)

## Contributors

 *   [ Rownok Bosunia ](https://profiles.wordpress.org/rondevs/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/device-specific-media-element/)