Enhance WordPress Media Posts with MP3 & Video Badges That Show Duration

Plugin Name:
Version: 1.3
Author: WpScriptly
Tags: audio, video, podcast, badge, duration, media

If you regularly publish audio or video content on your WordPress site, the plugin is a powerful way to enhance your media presentation. This lightweight plugin automatically detects embedded media in your posts and displays stylish, animated badges that link to your content—complete with MP3 duration display.

🔥 Key Features

• Automatic Media Detection: Instantly recognizes MP3s, embedded videos, and WordPress media blocks.
• Animated Badges with Icons: Visually engaging icons grab your readers’ attention.
• MP3 Duration Display: Duration is automatically extracted and shown for audio files.
• Multi-Platform Support: Compatible with YouTube, Vimeo, Dailymotion, and native WordPress media.
• Responsive Design: Optimized for mobile and desktop viewing.
• Customizable Appearance: Style your badges by editing a single CSS file.

📺 Supported Media Types

• MP3 audio files
• WordPress audio blocks
• HTML5 video
• YouTube videos
• Vimeo videos
• Dailymotion videos
• WordPress video blocks

⚙️ How to Use

1. Upload the media-badge folder to your /wp-content/plugins/ directory.
2. Activate the plugin from your WordPress admin.
3. Insert the shortcode into any post or page where you want badges to appear.

Once added, the plugin automatically finds and badges your media content—no manual setup required.

❓ FAQ

Does it work with Gutenberg?
Yes, it fully supports both the Classic Editor and Gutenberg blocks, including audio/video blocks.

Can I change the look of the badges?
Absolutely! Just edit the styles in css/media-badge.css using the following classes:

• .media-badge
• .audio-badge
• .video-badge
• .mp3-duration
• .icon

🆕 What’s New in Version 1.3

• Support for additional video platforms
• Improved error handling and pattern matching
• Enhanced media detection
• CSS moved to a separate, editable file

🖼️ Screenshots

1. Audio badge with duration
2. Video badge in action
3. Multiple badges displayed in a post

💬 Support

Need help? Visit WpScriptly.com or get community support.

Dowload at: https://wpscriptly.com/community/space/freecommunitypluginsscriptscoding/post/enhance-wordpress-media-posts

Free to join for all files!

Author: WP Scriptly, Admin at WpScriptly

Hey, I’m Scot, the guy behind WpScriptly. I create simple, no-fluff WordPress plugins and tools to make your site easier to manage and more powerful. Everything I build is tested on my own projects first — if it’s here, it’s because it works. Thanks for checking out the site. Hope you find something useful at Wp Scriptly.

Recent stories by WP Scriptly:

1. Top 10 Free Tools Every WordPress Developer Should Be Using in 2025 - Blog
2. Enhance WordPress Media Posts with MP3 & Video Badges That Show Duration - Plugin
3. How AI Is Transforming the WordPress Community and Its Future - Blog
4. Track WordPress User Growth with the User Signup Stats Plugin - Plugin

*These scripts and plugins are provided as is with no guarantees or warranties. If you need assistance or run into issues, feel free to reach out via the contact page.