Comments

Well, not a simple answer. What you embedded above is the native HTML5 video/audio control bar to play a file. That is like it is and looks a bit different depending on the browser and plattform used.

To extend this you need to use JavaScript. There are some mediaplayer plugins available: jPlayer is currently included and there is the half official mediaelementjs player available. They also include playlist functionality (if you mean this with next picture).

Those player provide their own interface. medialementjs is also a framework you can build your own player interface with (naturally JS coding knowledge required)