<template>
  <div class="row form-group" :key="$attrs.key">
    <label :for="localFormElement.key" class="col-md-3">{{
      localFormElement.label
    }}:</label>
    <vue-plyr class="form-control col-md-9"  :options="options">
      <audio controls crossorigin playsinline>
        <source :src="localFormElement.value" type="audio/mp3" />
        <!-- <source src="/path/to/audio.ogg" type="audio/ogg" /> -->
      </audio>
    </vue-plyr>
  </div>
</template>

<script>
import formBuilderMixin from "@mixins/formBuilderMixin";
export default {
  mixins: [formBuilderMixin],
};
</script>

<style scoped>
.form-control {
  height: auto !important;
}
</style>