| tmplayer-button | play, pause, next, previous, stop, volume-up, volume-down, volume-mute, volume-half, volume-full | Defines an element’s functionality |
| tmplayer-element | title, thumbnail, album, artist, genre, duration, elapsed | Defines elements that will be populated with audio data |
| tmplayer-element | progress-bar-wrapper, progress-bar, volume-bar-wrapper, volume-bar | Adds click/drag functionality to scrubber or volume bar |
| tmplayer-init | (optional) [You can enter any string to name the audio player] | Used to initialize the player. A value can be provided to link other non-child elements to the player. |
| tmplayer-click | | Used inside of tmplayer-parent element to activate song toggle on click functionality on an elment |
| tmplayer-dynamic-content | [Name of parent audio player] | Used on a wrapper element that gets populated with tmplayer-parent elements after initial page load. This attribute will observe the wrapper and automatically link any external audio elements to their parent audio player. |
| tmplayer-parent | [Name of parent audio player] | Defines an external audio element. The value should match the value of the desired parent’s tmplayer-init attribute. |
| tmplayer-element | audio | This attribute is used to wrap all the audio file’s information |
| tmplayer-meta | audio-url, title, artist, genre, album, thumbnail | This attribute must be a placed on a child element of tmplayer-element=”audio” to function |
| tmplayer-interaction | monitor-state | Must be used on a child element of tmplayer-parent . Will add the audio state helper classes to an element |
| tmplayer-action | toggle, none | Must be used on tmplayer-parent itself or a child element of tmplayer-parent. Will add button functionality to the desired element or prevent button functionality if “none” is used. |
| tmplayer-autoplay | true, false | Must be used on the tmplayer-init element. Set to false to disable the autoplay functionality that automatically plays the next song after the current song ends. Default: true |
| tmplayer-element | speed | Use this on the element that’s used to display the current playback speed. |
| tmplayer-button | playback-speed | Put this on an elment that will be used to change the playback speed. Must be used along with tmplayer-speed-value=[number] |
| tmplayer-speed-value | This can be any number. Example: 1, 1.5, 2, 0.5 | Use this attribut along with the tmplayer-button=playback-speed attribut to set the playback speed that should be used when clicked. |
