Showcase your audio projects, playlists, or tracks directly on your website. Whether you’re a musician, podcaster, or curator, the Music Player Widget makes it simple to add high-quality audio without coding and reach a wider audience.
Enhance your website content with immersive background music or curated playlists. You can use the Music Player to add atmosphere to portfolios, storytelling pages, or creative projects. It supports a variety of media formats and helps you create emotional impact through sound.
Audio keeps users on your page longer. With the Music Player Widget, you can create an experience that captures attention and encourages return visits. Listeners can play, pause, or explore tracks easily while navigating your content, making the experience smoother and more enjoyable.
Design and display playlists that perfectly match your website’s layout and tone. The Music Player Widget lets you choose between compact or full-sized playlist views, show or hide album covers, and organize tracks for easy navigation. Whether you’re building a professional music portfolio or a casual listening page, the playlist options adapt to your creative goals.
Give your music player the look that best suits your brand. With several layout options and modern, ready-made skins, you can select between minimal, elegant, or bold visual styles. Each layout is built for performance and mobile responsiveness, helping your website look consistent across all devices.
Select from beautifully designed skins to match your site’s look and feel. The Music Player Widget includes a range of visual themes, from clean minimal styles to more expressive designs, so you can find the perfect fit for your brand. Each skin is responsive, customizable, and ready to use instantly.
Adjust fonts, colors, icons, and spacing to ensure your music player blends seamlessly with your site. The customization controls are intuitive and flexible, allowing you to fine-tune the design without writing code. Every element can be tailored to enhance your website’s aesthetic and user experience.
Combine music from various sources to create richer playlists. The Music Player Widget supports direct links to MP3 files, SoundCloud, Vimeo, and YouTube, allowing you to feature songs, podcasts, or playlists from multiple hosting platforms. This flexibility helps you keep your content accessible and varied for your listeners.
Offer a user-friendly experience with built-in shuffle controls and flexible player positioning. Visitors can randomize track order or play through your list sequentially, while you can decide where the player appears — pinned to the top or bottom of your page, or placed inline with your content. This freedom improves accessibility and engagement.
Place the Music Player exactly where you want it. You can pin it to the top or bottom of your site, embed it inline within a section, or let it float as a sticky player. This flexibility helps you create the ideal listening experience without affecting your page layout or navigation flow.
The Common Ninja Music Player Widget is quick to install and simple to manage. You can add it to your website, upload tracks, and customize the design in minutes using an intuitive editor. No coding skills are needed, and any changes you make appear instantly on your site.
The Music Player Widget automatically adapts to different screen sizes, ensuring smooth playback on desktops, tablets, and mobile devices. With its responsive design, users can enjoy uninterrupted listening regardless of how they access your website. This helps maintain both usability and aesthetic quality across platforms.
For full creative control, use custom CSS to personalize every aspect of the widget. Modify the layout, animations, colors, or interactions to make your music player unique. This option gives designers and developers the flexibility to create immersive, branded experiences that align perfectly with the rest of the website.
Adding the Music Player to your website is quick and maintenance-free. Simply copy the provided embed code from your Common Ninja dashboard and paste it into your website’s HTML section. Once it’s live, any changes you make in the editor automatically appear on your site, eliminating the need for manual updates.
