I just want to show the audio controls but prohibits the user to drag the button because I don't want the user to skip the song. How to make this work?
You can't. You either show the browser's builtin controls, or you don't.
So what you should so is hide them and make your own (it should be easy if you don't want the seek functionality) or look at something like jPlayer (http://jplayer.org/) and hide the seek bar with CSS.
It seems there's currently (August 2015) still no standard way to hide specific controls in a clean way. The best way to handle this is by using a library for this. E.g. one of these:
来源：https://stackoverflow.com/questions/19090927/how-to-disable-specific-control-in-audio-player-html5