Joshua Jordan

Dependent Media Audio Playlist for Beaver Builder adds a self-contained audio playlist module to the Beaver Builder page editor. Drop it onto a page, paste in audio URLs (or pick files from your media library), and you get a full playlist player with play/pause, previous/next, shuffle, repeat, scrubbable progress, and a volume slider — all styleable from the standard Beaver Builder color and dimension settings.
This plugin is not affiliated with or endorsed by Beaver Builder. “Beaver Builder” is a trademark of Beaver Builder LLC and is used in this plugin’s name and description solely to describe what page builder this module integrates with.
<h4>Features</h4>
<ul>
<li>Full playlist UI with track titles, artists, and optional artwork</li>
<li>Play, pause, previous, next, shuffle, repeat (off / repeat-all / repeat-one)</li>
<li>Scrubbable progress bar with current time and duration</li>
<li>Volume slider with configurable initial volume</li>
<li>Optional autoplay (browser-permitting)</li>
<li>Per-instance color customization: background, text, accent, progress bar, hover highlight</li>
<li>Border radius and max-width controls</li>
<li>Native HTML5 audio — no external libraries, no third-party services</li>
<li>Works with whatever audio formats the visitor’s browser supports (MP3, AAC, OGG, WAV)</li>
<li>Built-in media library picker buttons in the editor for both audio files and artwork</li>
</ul>
<h4>You bring your own audio</h4>
Tracks are stored in your WordPress Media Library (or any reachable URL). The plugin just references them and plays them in the browser. No data leaves the visitor’s device — there are no analytics, no telemetry, and no third-party scripts.
<h4>Requires Beaver Builder</h4>
This module requires the Beaver Builder page builder (Lite or Pro). The free <a href="https://wordpress.org/plugins/beaver-builder-lite-version/" rel="ugc">Beaver Builder Lite</a> version is sufficient. If Beaver Builder is not installed or activated, the module simply won’t appear in the editor and an admin notice will be shown.

Dependent Media Audio Playlist for Beaver Builder

A Beaver Builder module: customizable audio playlist player with shuffle, repeat, artwork, volume, and full playback controls.

Birgir Erlendsson (birgire)

This plugin adds the shortcode [youlist] so you can easily embed YouTube™ playlist defined by
<ul>
<li>playlist id (PL in front of the playlist id)</li>
<li>comma seperated video ids list</li>
<li>user favorites </li>
<li>user uploads</li>
<li>search query</li>
</ul>
in a single YouTube™ player.
<a href="http://xlino.com/projects/youlist-youtube-playlist-shortcode-plugin/" rel="nofollow ugc">Live demo</a>
<h4>New in version 1.0.6</h4>
<ul>
<li>show random playlists with the new attribute ‘randompid’</li>
<li>added apply_filters for output, style, class and src</li>
<li>bug fix</li>
</ul>
<h4>New in version 1.0.5</h4>
<ul>
<li>enable nocookies</li>
<li>enable the https protocol</li>
<li>play videos in a specific quality (fx. hd720)</li>
<li>enable wmode to handle z-index issues.</li>
</ul>
<h4>Usage Examples</h4>
To embed a playlist with thumbnails 
 [youlist pid=”PL3FF15AA7ED356D9F”]
To embed three videos with thumbnails (comma seperated video id list): 
 [youlist vid=”ZF_K8D414-Y,sFHXWoawnt0,E2uOGOqIyC4″]
To embed three videos without thumbnails: 
 [youlist vid=”ZF_K8D414-Y,sFHXWoawnt0,E2uOGOqIyC4″ showinfo=”0″]
To embed a playlist from the search string “higgs boson” 
 [youlist search=”higgs boson” width=”600″ height=”400″]
To embed a random playlist 
 [youlist randompid=”PL3FF15AA7ED356D9F, PL9AEE7FF9E83DEA62, PL2B8DB1BD4364033F”]
To embed a playlist for all uploaded videos for the user “mismag822″ 
 [youlist uid=”mismag822″ listtype=”user_uploads”]
To embed a playlist for all favorite videos for the user “mismag822″ 
 [youlist uid=”mismag822″ listtype=”user_favorites”]
To embed a playlist width your own custom style 
 [youlist pid=”PL3FF15AA7ED356D9F” style=”width:300px;height:400px;z-index:1;”]
To embed a user playlist with all the supported attributes (default values shown): 
 [youlist 
 uid=”mismag822″ 
 randompid=”” 
 showinfo=”1″ 
 width=”680″ 
 height=”480″ 
 class=”youlist” 
 autohide=”2″ 
 autoplay=”0″ 
 disablekb=”0″ 
 listtype=”user_uploads” 
 theme=”dark” 
 modestbranding=”1″ 
 controls=”1″ 
 color=”red” 
 fs=”1″ 
 rel=”1″ 
 start=”0″ 
 loop=”0″ 
 iv_load_policy=”1″ 
 version=”3″ 
 style=”” 
 vq=”” 
 nocookie=”0″ 
 https=”0″ 
 wmode=”” 
 parameters=”” 
 ]
<h4>Ideas for how to use this plugin</h4>
<ol>
<li>You can use it to display ad-video before or after the main video</li>
<li>You can have your own short trailer before the main video</li>
<li>You can collect lessons/tutorials/music videos</li>
<li>You can use it for your YouTube™ playlist</li>
<li>You can watch your friends favourites videos</li>
<li>You can collect videos for your kid and watch it on your site</li>
<li>… etc …</li>
</ol>
<h4>Shortcode Parameters</h4>
The youList-shortcode is a wrapper for most of the YouTube™ iframe parameters described here:
https://developers.google.com/youtube/player_parameters
iframe parameters:
<ul>
<li>width [integer] – iframe width in pixels</li>
<li>height [integer] – iframe height in pixels</li>
<li>class [string] – iframe css classname</li>
<li>style [string] – iframe css custom style</li>
<li>parameters [string] – custom source parameters (&param1=value1&…)</li>
</ul>
youtube parameters:
<ul>
<li>pid [string] – YouTube playlist ID</li>
<li>uid [string] – YouTube user ID)</li>
<li>vid [string] – Comma seperated YouTube Videos ID list</li>
<li>randompid [string] – YouTube random playlist ID, from a comma seperated PID’s list</li>
<li>listtype [playlist|user_uploads|search] – YouTube listtype</li>
<li>search [string] – YouTube search string)</li>
<li>theme [dark|light] – Dark or light control bar</li>
<li>modestbranding [0|1] – Prevent the YouTube logo from displaying in the control bar</li>
<li>showinfo [0|1] – Display thumbnail images for the videos in the playlist</li>
<li>autohide [0|1|2] – Hide the video controls automatically after a video begins playing</li>
<li>autoplay [0|1] – The initial video will autoplay when the player loads</li>
<li>disablekb [0|1] – Disable the player keyboard controls</li>
<li>controls [0|1|2] – Display the video player controls</li>
<li>color [red|white] – The color in the video progress bar </li>
<li>fs [0|1] – Display the fullscreen button</li>
<li>rel [0|1] – Show related videos when playback of the initial video ends</li>
<li>start [integer] – Play the video at the given number of seconds from the start of the video</li>
<li>loop [0|1] – Play the entire playlist and then start again at the first video</li>
<li>iv_load_policy [1|3] – Show video annotations</li>
<li>version [2|3] – AS player version</li>
<li>https [0|1] – Enable the https protocol</li>
<li>nocookie [0|1] – No cookies thank you</li>
<li>vq [small|medium|large|hd720|hd1080] – Change video quality</li>
</ul>

YouList – YouTube playlist shortcode

A simple shortcode to embed playlists or handpicked videos in a single YouTube™ player.

Dependent Media Audio Playlist for Beaver Builder vs YouList – YouTube playlist shortcode