mp3-html5.php

Plugin Description:

Place mp3 html5 player inside of page contents in this specific TAG: (% mp3html5: yourmp3.mp3 %) Place your MP3 files in the directory data/uploads/mp3/

Sugestions for css (style.css):

audio { background-color: #7394BA; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; -moz-box-shadow: 2px 2px 4px 0px #006773; -webkit-box-shadow: 2px 2px 4px 0px #006773; box-shadow: 2px 2px 4px 0px #006773; -moz-border-radius:7px 7px 7px 7px ; -webkit-border-radius:7px 7px 7px 7px ; border-radius:7px 7px 7px 7px ; }

audio:hover, audio:focus, audio:active { -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }