<template>
    <div id="playerContainer" class="uiStyle">

    </div>
</template>

<style scoped>
  /*================= Mise en page:
    => Mobile First : par défaut, moins de 500px
    => Tablette et PC format haut : de 500 à 1000px
    => PC large : à partir de 1000px
  */

  /*+++++++++++++++++ COPYBOX
      ================ PC HAUT/IPAD
      @media(min-width:500px){}
      ================ PC LARGE
      @media(min-width:1000px){}
  */

  #playerContainer{
    width:100%;
    position:relative;
    height:10%;
  }
  /*================ PC LARGE*/
  @media(min-width:1000px){
    #playerContainer{
      height: 13%;
    }
  }
</style>

<script>
  export default {
    name : 'MusicPlayer',
    mounted(){
      console.log("Music player is loaded!");
    }
  };
</script>
