Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么autoplay不能使用html5音频进行页面刷新?_Javascript_Jquery_Html_Audio - Fatal编程技术网

Javascript 为什么autoplay不能使用html5音频进行页面刷新?

Javascript 为什么autoplay不能使用html5音频进行页面刷新?,javascript,jquery,html,audio,Javascript,Jquery,Html,Audio,我的页面中有类似的html5音频 <audio id="audioplayer" playsinline controls muted loop autoplay hidden> <source src="audio/muzyka_meed_loop.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio&g

我的页面中有类似的html5音频

 <audio id="audioplayer" playsinline controls muted loop autoplay hidden>
            <source src="audio/muzyka_meed_loop.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
  </audio>


我做错了什么?

删除自动播放属性:

 <audio id="audioplayer" src="audio/muzyka_meed_loop.mp3" type="audio/mpeg" loop="loop"> </audio>
JQuery:

$(document).ready(function() {
    $("#audioplayer").get(0).play();
});

删除自动播放属性:

 <audio id="audioplayer" src="audio/muzyka_meed_loop.mp3" type="audio/mpeg" loop="loop"> </audio>
JQuery:

$(document).ready(function() {
    $("#audioplayer").get(0).play();
});

我最近找到了解决办法。您需要在HTML视频元素的onLoadedData事件中调用videoplayer.play()方法。这是React中的示例:

<video src={videoSource} ref={videoPlayer} onLoadedData={() => videoPlayer.current.play()}/>
videoPlayer.current.play()}/>

我猜它也适用于音频。

我最近找到了解决方案。您需要在HTML视频元素的onLoadedData事件中调用videoplayer.play()方法。这是React中的示例:

<video src={videoSource} ref={videoPlayer} onLoadedData={() => videoPlayer.current.play()}/>
videoPlayer.current.play()}/>

我猜它也适用于音频。

我正在检查,我会让你知道Hii Viki因为我在这里尝试了你的解决方案是live demo,当我在不同的计算机上测试时仍然面临问题,我已经在头标记签出处添加了window.onload。@user9964622不同的计算机意味着什么?它在某些计算机上工作,而不是在其他计算机上工作?是的,在不同的浏览器中尝试它,例如opera或Firefox。我正在检查,我会让你知道Hii Viki,因为我在这里尝试了你的解决方案是live demo,当我在不同的计算机上测试时仍然面临问题,我添加了window.onload at head标记签出。@user9964622不同的计算机意味着什么?它在某些计算机上工作,而不是在其他计算机上工作?是的,在不同的浏览器中尝试,例如opera或firefox