vue 页面 添加背景音乐
背景音乐
添加背景音乐 并有单击事件 循环播放
<template> <div id="page"> <div style="width: 100%" class="flex-container column"> <video id="video" src="../static/audios/bgm3.mp3" controls="controls" hidden="hidden" autoplay="autoplay" loop="loop"> </video> <img id="img" class="play" style="transform: translate(-1584.4%, 121.5%) scale(1)" :src="sound" @click="play()"> </div> </div> </template> <script> export default { data() { return { sound: require('../static/img/33.png'), }, methods: { play(){ let vo = document.getElementById("video") if(this.sound == require('../static/img/33.png')){ this.sound = require('../static/img/22.png') vo.autoplay = true vo.play() } else{ this.sound = require('../static/img/33.png') vo.pause() } } } </script>
目录结构
作 者:一支会记忆的笔
---------------------
个性 签名:真正的学习不是记住知识,而是学会如何提出问题,研究问题,解决问题。
如果觉得这篇文章对你有小小的帮助的话,记得在下方“关注”哦,博主在此感谢!