原创音乐佳

播放列表清空列表

未选择歌曲 - 无

<div class="plyr__controls">
    <div class="plyr__actions">
        <button type="button" class="plyr__control plyr__control--prev">
            <span class="iconfont icon-previous"></span>
        </button>

<button type="button" class="plyr__control" data-plyr="play">
            <span class="iconfont icon-pause icon--pressed" role="presentation"></span>
            <span class="iconfont icon-play-line icon--not-pressed" role="presentation"></span>
        </button>

<button type="button" class="plyr__control plyr__control--next">
            <span class="iconfont icon-next"></span>
        </button>
    </div>

<div class="plyr__wrap">
        <div class="plyr__progress">
            <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek">
            <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress>
            <span role="tooltip" class="plyr__tooltip">00:00</span>
        </div>

<div class="plyr__time plyr__time--current" aria-label="Current time">00:00</div>
    </div>
    <div class="plyr__wrap col-lg-1">
        <button type="button" class="plyr__control" aria-label="Mute" data-plyr="mute">
            <span class="iconfont icon-volume-mute icon--pressed" role="presentation"></span>
            <span class="iconfont icon-volume-high icon--not-pressed" role="presentation"></span>
            <span class="label--pressed plyr__tooltip" role="tooltip">声音</span>
            <span class="label--not-pressed plyr__tooltip" role="tooltip">静音</span>
        </button>

<div class="plyr__volume">
            <input data-plyr="volume" type="range" min="0" max="1" step="0.05" value="1" autocomplete="off" aria-label="Volume">
        </div>

<a href="javascript:;" class="plyr__control plyr__show_play_list" aria-label="Playlist">
            <span class="iconfont icon-play-list"></span>
            <span class="plyr__tooltip" role="tooltip">播放列表</span>
        </a>
    </div>
</div>