自动播放＆＃34; onclick＆＃34;卡住

Question

内置浏览器音频播放器使用以下代码自动启动...

function play(){
var audio = document.getElementById("myaudio");
audio.play();
}   

但如果我这样做......

function play(){
var audio = document.getElementById("myaudio") .style.display="block";
audio.play();
}   

......玩家不再开始了。 - 我将播放器设置为style =“display：none”，这样我就可以让它从图像中显示onclick =“play（）”。

请帮忙...... thx

Answer 1

您可以尝试以下代码吗？

function play(){
var audio = document.getElementById("myaudio");
audio.style.display="block";
audio.play();
}   

Answer 2

你的第二个例子不是有效的javascript。尝试：

function play(){
    var audio = document.getElementById("myaudio");
    audio.style.display="block";
    audio.play();
} 

下次，在浏览器控制台（通常是Ctrl-Shift-K或F12）中查看，它会显示语法（和其他）错误。

Answer 3

为了回答为什么第二个不起作用的问题，JS首先做

document.getElementById("myaudio") .style.display="block"

然后将audio设置为返回值。但那是'block'，而不是播放器，您无法拨打'block'.play()。