第一次没有播放Html音频元素吗?

HTML audio element not playing on first time?(第一次没有播放Html音频元素吗?)

本文介绍了第一次没有播放Html音频元素吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在我的一个项目中使用htmldio元素,一旦按下Play按钮,我就使用VueJS动态加载该元素的src。

一切似乎运行正常,但当我第一次按下按钮时,音频不会播放。我必须再次点击播放按钮才能让它开始播放。我如何修复此问题?

我甚至在播放之前通过使用console.log(元素)检查了src是否在那里,它显示了src与src的音频。

但它在第一次尝试时没有播放。

我的代码如下所示。

var player = document.getElementById('player');
console.log(player)
if(player.src != ""){
    player.play();
};

我如何修复此问题?谢谢。太烦人了。

推荐答案

这应该会有帮助

var player= document.getElementById('player');

player.addEventListener('canplaythrough', function() { 
   player.play();
}, false);

还要确保在您按下按钮时触发了事件。

这篇关于第一次没有播放Html音频元素吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:第一次没有播放Html音频元素吗?

基础教程推荐