<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Демо аудиоплеера</title> <meta name="author" content="Я" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="/design/adaptive-audio/2014/audioplayer/audioplayer.css" rel="stylesheet" /> <link href="/assets/css/bootstrap.min.css" rel="stylesheet" /> <script src="/assets/js/jquery-2.1.1.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> <script src="/design/adaptive-audio/2014/audioplayer/audioplayer.js"></script> </head> <body class="container"> <div class="row"> <div class="col-md-12"> <header class="text-center"> <h1>Демо аудиоплеера</h1> </header> <audio src="//atmpl.ru/music/rus/2014/delfin-you_are_my_joy.mp3" preload="auto"></audio> </div> </div> <script> $( function() { $( 'audio' ).audioPlayer(); }); </script> </body> </html>