加金开发 2022-09-12 14:41 采纳率: 71.4%
浏览 109
已结题

vue js html5中audio 自动播放音频(兼容ios)

说明:
**
涉及:
vue js html5中audio 自动播放音频
目的:
手机端,兼容ios
打开https链接就播放。**

//失败 代码
<template>
    <div class="main">
        <audio
        :src="video"
        ref="audio"
        id="eventAudio"
        controls="controls"
        autoplay="autoplay"
      />
      </div>
</template>
<style lang="less" scoped>

</style>
<script>
export default {
    data(){
        return{
            video:'',
        }
    },
    mounted(){
        document.addEventListener('click',this.audio_but(),false)
    },
    methods:{
        audio_but(){
        var that = this;   
        let audio;
        audio = document.getElementById("eventAudio");
        that.video="https://xb.api.mytext.world/uploads/xb/MP3/1.mp3"
        console.log("开始播放---》audio===================="+audio);
        audio.paly;
        if(audio.ended){
          console.log("播放完成---》audio===================="+audio);
          that.video=''
          that.$refs.audio.src=''
        }else{
          console.log("播放还没完成---》audio===================="+audio.ended);
        } 
    },
    },created(){

    }
}
</script>
  • 写回答

5条回答 默认 最新

  • 烟的味道 2022-09-12 14:48
    关注
    评论

报告相同问题?

问题事件

  • 系统已结题 9月20日
  • 修改了问题 9月12日
  • 修改了问题 9月12日
  • 创建了问题 9月12日

悬赏问题

  • ¥15 关于#Java#的问题,如何解决?
  • ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
  • ¥15 想问一下树莓派接上显示屏后出现如图所示画面,是什么问题导致的
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差(基于双目相机)
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化