请问各位大佬 现在的谷歌浏览器版本怎样实现音频在首页的自动播放?

新手上路,请多包涵

代码如下

$(document).ready(function () {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', $('.active-song').attr('data-src'));
    var tl = new TimelineMax();
    tl.to('.player__albumImg', 3, {
        rotation: '360deg',
        repeat: -1,
        ease: Power0.easeNone
    }, '-=0.2');
    tl.pause();
    //这是页面刷新之后音乐自动播放
    if ($('.player').hasClass('play')) {
        $('.player').removeClass('play');
        audioElement.pause();
        TweenMax.to('.player__albumImg', 0.2, {
            scale: 1,
            ease: Power0.easeNone
        })
        tl.pause();
    } else {
        $('.player').addClass('play');
        audioElement.play();
        TweenMax.to('.player__albumImg', 0.2, {
            scale: 1.1,
            ease: Power0.easeNone
        })
        tl.resume();
    }
    $('.player__play').click(function () {
        if ($('.player').hasClass('play')) {
            $('.player').removeClass('play');
            audioElement.pause();
            TweenMax.to('.player__albumImg', 0.2, {
                scale: 1,
                ease: Power0.easeNone
            })
            tl.pause();
        } else {
            $('.player').addClass('play');
            audioElement.play();
            TweenMax.to('.player__albumImg', 0.2, {
                scale: 1.1,
                ease: Power0.easeNone
            })
            tl.resume();
        }
    })

在谷歌浏览器中会报错
DOMException: play() failed because the user didn't interact with the document first

阅读 9.8k
2 个回答
新手上路,请多包涵

这个问题解决了吗,

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题