在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ uc瀏覽器觸發(fā)不了audio 的play 方法

uc瀏覽器觸發(fā)不了audio 的play 方法

  1. 在開發(fā)播放器的時(shí)候真機(jī)調(diào)試發(fā)現(xiàn)uc瀏覽器不能觸發(fā)audio標(biāo)簽的play事件 , 也不能自動(dòng)播放。
  2. 測試代碼
<template>
    <div class="audio-wrapper" ref="audioWrapper" @touchstart.stop="audioPlay">
        <audio @touchstart.stop @play="playing"
               src="http://dl.stream.qqmusic.qq.com/C400000fcbn33tw0lQ.m4a?vkey=2287E4C8B54E21B92310DD2BE8218EF9FFDBAA41889FC74A90C23350F387C462F09AD6B9AEB411E2C7E8CBB8E5498BE09F0AB24D4A039FEB&amp;guid=4339008184&amp;uin=0&amp;fromtag=66"
               ref="audio" controls ></audio>
    </div>
</template>

<script>
  export default {
    methods: {
      audioPlay () {
        console.log(this.$refs.audio)
        console.log(this.$refs.audio.play)
        this.$refs.audio.play()
      },
      playing () {
        console.log('playing')
      }
    }
  }

</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
    .audio-wrapper
        position: fixed
        width: 100%
        height: 100%
        background-color: rgba(0, 0, 0, 0.6)

</style>

3.測試結(jié)果
uc瀏覽器下觸發(fā)touchstart事件之后,audio標(biāo)簽dom和play()方法都打印出來了,但是 audio標(biāo)簽的 play事件d調(diào)用的ready方法中的console沒有執(zhí)行 , 歌曲沒有播放

clipboard.png

qq瀏覽器下觸發(fā)touchstart事件后 audio標(biāo)簽dom , play() ,和 pinging 都打印出來了 歌曲也播放了
clipboard.png

回答的大佬們 抬頭見喜低頭撿錢?。?!

回答
編輯回答
魚梓

https://zhuanlan.zhihu.com/p/...
想辦法workaround吧

2017年10月31日 13:00
編輯回答
凹凸曼

我也遇到了,郁悶
不能自動(dòng)播放都沒事,tmd連調(diào)用play()都播放不了

2018年3月20日 19:03
編輯回答
小眼睛

自動(dòng)播放被取締了。防止非法使用

2017年6月18日 09:18