Bg Playlist

Bg Playlist

Wordpress plugin

Install on Wordpress

App Details

Plugin creates playlist, using links to audio files mp3 | m4a | ogg | wav in the posts of your site. The following tag attributes are used: <a>:

<a class="wpaudio" href="https://sitename.com/path/filename.mp3" title="Track title" alt="Track discription" data-artist="Artist name" data-album="Album title" data-length="123">Track caption</a> 
  • class="wpaudio" – class name of the link to the audio file. By default: wpaudio. Can be changed in plugin settings.
  • href="https://sitename.com/path/filename.mp3" – audio file URL. Relative path is allowed (by default relative to the site root).
  • title="Track title" – the track title – displayed in the player header. If is empty, the link text is accepted. If link text is also empty, then track title and track caption is filename filename.mp3.
  • alt="Track discription" – track discription.
  • data-artist="Artist name" – artist name.
  • data-album="Album title" – album title. If the album title is not set in this tag, then the album title is the post title.
  • data-length="123" – track length in seconds.
  • Track caption - link text – track caption. If link text is not specified, then the title — artist name is displayed instead.

In the link text is allowed to use the html-tags: <em>, <strong>, <i>, <b>, <s>, <del>, <sup>, <sub>, <small>, <span class="" style ="">.

If the first character of the link text is #, then link text is ignored in player, and the title — artist name is displayed instead.

To set track image paste it into the link text:

<a class="wpaudio" ...><img src="https://sitename.com/path/image.png" width="48" height="64" />Track title</a> 

In automatic mode (default is off), the plug-in parse the post contents and instead of the text that located between the first and last audio links, inserts the standard WP player with playlist that included of the found audio links.

If for a post to create an custom field single_audio with any value other than an empty string, then each link will be treated as a separate playlist with a single track.

Enclosing shortcode [audiodisk] ... [/audiodisk] allows you to reduce the range of search for links on the page to text located inside the shortcode tags. This gives you more flexibility to edit posts, allows you to create multiple playlists on single page.

Self-closing shortcode [audiodisk src ="https://sitename.com/path/playlist.m3u" /] allows you to insert a player with a pre-configured playlist,

there is src – link to the playlist file in the formats m3u or pls. You can set relative path to the file.

The plugin adds “Downoad” button for each track in the standard WP player.

You can disable playlist looping with same named option.

In TinyMCE Editor added three buttons: “Insert audiolink”, “Insert audiodisk” and “Insert playlist”.

“Insert audiolink” allows insert tag <a> with all attributes.

“Insert audiodisk” inserts enclosing shortcode [audiodisk] ... [/audiodisk] around selected text.
The same button “Аudiodisk” available in editor text mode too.

“Insert playlist” inserts self-closing shortcode [audiodisk src ="https://sitename.com/path/playlist.m3u" /].

Plugin will added automaticly attribute data-length in link while post saving. It’s works if audiofile placed on the same site only.

Pricing

Starting from $0 per month.

Check Out the QR Code Widget

By Common Ninja

QR CodeTry For Free!

App Info

Rating

Reviewers

No reviews

Tags

music
player
playlist
track

Developed By

Vadim Bogaiskov

Quick & Easy

Find the Best Wordpress plugins for you

Common Ninja has a large selection of powerful Wordpress plugins that are easy to use, fully customizable, mobile-friendly and rich with features — so be sure to check them out!

Testimonial

Testimonial plugins for Wordpress

Contact Form

Contact Form plugins for Wordpress

Maps

Maps plugins for Wordpress

Translation

Translation plugins for Wordpress

Chat

Chat plugins for Wordpress

Slider

Slider plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Contact

Contact plugins for Wordpress

Galleries

Galleries plugins for Wordpress

SEO

SEO plugins for Wordpress

Forms

Forms plugins for Wordpress

Comments

Comments plugins for Wordpress

Backup

Backup plugins for Wordpress

Privacy

Privacy plugins for Wordpress

Optimize

Optimize plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Comments

Comments plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Social Sharing

Social Sharing plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Video Player

Video Player plugins for Wordpress

popup

popup plugins for Wordpress

SiteMap

SiteMap plugins for Wordpress

Payment

Payment plugins for Wordpress

Coming Soon

Coming Soon plugins for Wordpress

Inventory

Inventory plugins for Wordpress

Testimonials

Testimonials plugins for Wordpress

Portfolio

Portfolio plugins for Wordpress

Membership

Membership plugins for Wordpress

Forms

Forms plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Events Calendar

Events Calendar plugins for Wordpress

Sliders

Sliders plugins for Wordpress

Analytics

Analytics plugins for Wordpress

Reviews

Reviews plugins for Wordpress

Security

Security plugins for Wordpress

Ads

Ads plugins for Wordpress

Music Player

Music Player plugins for Wordpress

Countdown

Countdown plugins for Wordpress

Email Marketing

Email Marketing plugins for Wordpress

Membership

Membership plugins for Wordpress

Ecommerce

Ecommerce plugins for Wordpress

Customer Support

Customer Support plugins for Wordpress

Video Player

Video Player plugins for Wordpress

Tabs

Tabs plugins for Wordpress

Social Feeds

Social Feeds plugins for Wordpress

Common Ninja Apps

Some of the best Common Ninja plugins for Wordpress

Browse our extensive collection of compatible plugins, and easily embed them on any website, blog, online store, e-commerce platform, or site builder.

QR Code for Wordpress logo

QR Code

Use the QR Code Generator to create and display QR codes for URLs, contact info, downloads, locations, and more.

Image Hotspot for Wordpress logo

Image Hotspot

Add interactive image hotspots to your site to turn static visuals into clickable guided experiences that improve engagement.

Image Poll for Wordpress logo

Image Poll

Create interactive image polls that use compelling visuals to boost engagement, gather feedback, and help visitors vote easily.

Leaderboard for Wordpress logo

Leaderboard

Add a customizable leaderboard to your site to display rankings, track scores, and encourage friendly competition.

App Store Reviews for Wordpress logo

App Store Reviews

Show Apple App Store reviews to build trust, strengthen credibility, and help visitors make confident download decisions that support app growth.

Event Flip Cards for Wordpress logo

Event Flip Cards

Use event flip cards to highlight upcoming activities, improve visibility, and help visitors discover events that increase attendance and engagement.

Pricing Tables for Wordpress logo

Pricing Tables

Add pricing tables to your site to present plans clearly, help visitors compare features, and guide them toward faster and more confident conversions.

Contact Form for Wordpress logo

Contact Form

Use a contact form so visitors can send messages, submit inquiries, and help you collect leads and improve user experience.

Donation Button for Wordpress logo

Donation Button

Add a donation button that lets users contribute easily using PayPal or Stripe, supporting causes directly from your site.

Social Proof Avatars for Wordpress logo

Social Proof Avatars

Display social proof avatars that show user activity and ratings, build trust instantly, and help visitors feel confident about your credibility.

Bluesky Feed Slider for Wordpress logo

Bluesky Feed Slider

Show Bluesky posts with a Bluesky feed slider that scrolls updates and keeps content visible while keeping visitors engaged.

GDPR Cookie Notice for Wordpress logo

GDPR Cookie Notice

Show a GDPR-ready cookie notice that clearly explains how cookies are used, helping you stay compliant while creating a more transparent experience for your visitors.

Discover Apps By Platform

Discover the best apps for your website

WordPress
Wix
Shopify
Weebly
Webflow
Joomla
PrestaShop
Shift4Shop
WebsiteX5
MODX
Opencart
NopCommerce

Common Ninja Search Engine

The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!

Multiple platforms