{"id":235215,"date":"2025-05-30T20:32:39","date_gmt":"2025-05-30T20:32:39","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/device-specific-media-element\/"},"modified":"2025-06-02T19:37:00","modified_gmt":"2025-06-02T19:37:00","slug":"device-specific-media-element","status":"publish","type":"plugin","link":"https:\/\/ml.wordpress.org\/plugins\/device-specific-media-element\/","author":23125134,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.8.5","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"Device-Specific Media Element","header_author":"Rownok Bosunia","header_description":"Introduces a custom Elementor widget that loads different media types based on visitor's device.","assets_banners_color":"3fb885","last_updated":"2025-06-02 19:37:00","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/rondevs\/dsm-element","header_author_uri":"https:\/\/github.com\/rondevs","rating":0,"author_block_rating":0,"active_installs":0,"downloads":383,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"rondevs","date":"2025-05-30 20:30:57"},"1.0.1":{"tag":"1.0.1","author":"rondevs","date":"2025-06-02 19:37:00"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3303788,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3303788,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"Screenshot-1.png":{"filename":"Screenshot-1.png","revision":3303783,"resolution":"1","location":"assets","locale":""},"Screenshot-2.png":{"filename":"Screenshot-2.png","revision":3303783,"resolution":"2","location":"assets","locale":""},"Screenshot-3.png":{"filename":"Screenshot-3.png","revision":3303783,"resolution":"3","location":"assets","locale":""},"Screenshot-4.png":{"filename":"Screenshot-4.png","revision":3303783,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"The Device-Specific Media widget in the Elementor editor, showing media upload fields.","2":"Example of different media types displayed on iOS, Mac, and Windows devices."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[243165,76538,84,606,222],"plugin_category":[50],"plugin_contributors":[232053],"plugin_business_model":[],"class_list":["post-235215","plugin","type-plugin","status-publish","hentry","plugin_tags-device-specific","plugin_tags-elementor","plugin_tags-media","plugin_tags-responsive","plugin_tags-video","plugin_category-media","plugin_contributors-rondevs","plugin_committers-rondevs"],"banners":{"banner":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/banner-772x250.png?rev=3303788","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/icon-256x256.png?rev=3303788","icon_2x":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/icon-256x256.png?rev=3303788","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/Screenshot-1.png?rev=3303783","caption":"The Device-Specific Media widget in the Elementor editor, showing media upload fields."},{"src":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/Screenshot-2.png?rev=3303783","caption":"Example of different media types displayed on iOS, Mac, and Windows devices."},{"src":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/Screenshot-3.png?rev=3303783","caption":""},{"src":"https:\/\/ps.w.org\/device-specific-media-element\/assets\/Screenshot-4.png?rev=3303783","caption":""}],"raw_content":"<!--section=description-->\n<p>Device-Specific Media Element is an Elementor extension that allows you to serve different media formats to different devices:<\/p>\n\n<ul>\n<li>For iOS devices (iPhone\/iPad) \u2192 Load and play .gif files<\/li>\n<li>For Mac devices \u2192 Load and play .mp4 files<\/li>\n<li>For other devices (Windows, Android, Linux, etc.) \u2192 Load and play .webm files<\/li>\n<\/ul>\n\n<p>This approach optimizes performance by serving the most appropriate media format for each device type, improving load times and user experience.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Custom Elementor widget for device-specific media<\/li>\n<li>Automatic device detection using JavaScript<\/li>\n<li>Support for .gif, .mp4, and .webm formats<\/li>\n<li>Options for autoplay, loop, mute, and controls<\/li>\n<li>Fallback media for unsupported browsers<\/li>\n<li>Fully responsive design<\/li>\n<li>Multiple widget instances on the same page<\/li>\n<li>Clean, modular code following WordPress standards<\/li>\n<\/ul>\n\n<h3>Usage<\/h3>\n\n<p>After installing and activating the plugin:<\/p>\n\n<ol>\n<li>Edit a page with Elementor.<\/li>\n<li>Find the \"Device-Specific Media\" widget in the Elementor editor.<\/li>\n<li>Add the widget to your page.<\/li>\n<li>Upload or specify URLs for each media type:\n\n<ul>\n<li>GIF for iOS devices<\/li>\n<li>MP4 for Mac devices<\/li>\n<li>WebM for other devices<\/li>\n<\/ul><\/li>\n<li>Configure playback settings (autoplay, loop, muted, controls).<\/li>\n<li>Add a fallback image\/message for unsupported browsers.<\/li>\n<li>Save and publish your page.<\/li>\n<\/ol>\n\n<p>The plugin will automatically detect the visitor's device and load the appropriate media type.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download the <code>device-specific-media-element.zip<\/code> file.<\/li>\n<li>Upload the <code>device-specific-media-element.zip<\/code> file through the 'Plugins' menu in WordPress (Plugins &gt; Add New &gt; Upload Plugin) or unzip and upload the <code>device-specific-media-element<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Edit a page with Elementor.<\/li>\n<li>Look for \"Device-Specific Media\" in the Elementor widget panel.<\/li>\n<li>Drag and drop the widget to your page.<\/li>\n<li>Configure the different media sources for each device type.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20plugin%20work%20with%20page%20builders%20other%20than%20elementor%3F'><h3>Does this plugin work with page builders other than Elementor?<\/h3><\/dt>\n<dd><p>Currently, the plugin only supports Elementor. Future versions may add support for other page builders.<\/p><\/dd>\n<dt id='what%20happens%20if%20i%20don%27t%20upload%20a%20specific%20media%20type%3F'><h3>What happens if I don't upload a specific media type?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='can%20i%20control%20video%20playback%20options%3F'><h3>Can I control video playback options?<\/h3><\/dt>\n<dd><p>Yes, you can configure autoplay, loop, muted, and controls options for video elements.<\/p><\/dd>\n<dt id='will%20this%20slow%20down%20my%20website%3F'><h3>Will this slow down my website?<\/h3><\/dt>\n<dd><p>No, this plugin helps optimize performance by loading only the media type appropriate for the visitor's device, rather than loading multiple formats.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"A WordPress plugin that adds a custom Elementor widget to load different media types based on the visitor&#039;s device.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/235215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=235215"}],"author":[{"embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rondevs"}],"wp:attachment":[{"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=235215"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=235215"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=235215"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=235215"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=235215"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ml.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=235215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}