|
@@ -1,6 +1,6 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="bg-music" :class="{ ['icon-playing']: playing }" @click="handleClick" v-show="show">
|
3
|
|
- <audio :src="url" ref="audioRef" loop @canplay="show = true" @play="handlePlay"></audio>
|
|
3
|
+ <audio :src="url" ref="audioRef" loop @loadedmetadata="show = true" @play="handlePlay"></audio>
|
4
|
4
|
</div>
|
5
|
5
|
</template>
|
6
|
6
|
|
|
@@ -18,6 +18,11 @@ export default {
|
18
|
18
|
},
|
19
|
19
|
mounted() {
|
20
|
20
|
document.body.addEventListener("click", this.handleClick);
|
|
21
|
+
|
|
22
|
+ this.$nextTick(() => {
|
|
23
|
+ this.$refs.audioRef.load()
|
|
24
|
+ })
|
|
25
|
+
|
21
|
26
|
},
|
22
|
27
|
methods: {
|
23
|
28
|
handleClick() {
|