Playing Audio with O2 Player

In this example below you will see how to do a Playing Audio with O2 Player with some HTML / CSS and Javascript

This awesome code was written by creativeadea, you can see more from this user in the personal repository.
You can find the original code on
Copyright creativeadea ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Playing Audio with O2 Player</title>
      <link rel="stylesheet" href="css/style.css">



  <h2>Playing Audio with O2 Player</h2>
<div class="player-container">
  <!-- TAG START { player: "Adeola - Cast Resource Test", owner: "Vidible", for: "Vidible" } --><div id="5a591b3b31e0a57962d870db" class="vdb_player vdb_5a591b3b31e0a57962d870db50d595ec0364e95588c77bd2" >    <script async type="text/javascript" src="//"></script></div><!-- TAG END { date: 01/12/18 } -->

<a href="">Go to Player Wizard (stage)</a>



/*Downloaded from */
  --maxw: 600px;
  --font:"Helvetica Neue",Helvetica,Arial,sans-serif

body, h2 {
  font-family: var(--font);
  font-weight: lighter;
.player-container {
  max-width: var(--maxw);