Question

我正在尝试在网页上设置声音。

我找到了这段代码。当div可见但我希望隐藏并正常工作时，它正在运行代码。在这种情况下，它无法正常工作，因为它隐藏了style属性。如何使它不可见并同时播放声音？

<div style="display:none">
   <embed src="sound.mp3"/> 
</div>

Answer 1

我同意上述评论中的观点 - 这可以非常烦人。我们只能希望您为用户提供关闭音乐的选项。

...然而

HTML

<audio autoplay="true" src="http://www.vorbis.com/music/Epoq-Lepidoptera.ogg">

CSS

audio { 
   display:none;
}

css会隐藏audio元素，autoplay="true"会自动播放它。

小提琴here

Answer 2

<audio autoplay> <source src="file.mp3" type="audio/mpeg"> </audio>

它会删除自动播放栏，但仍会播放音乐。看不见的声音！

Answer 3

我一直试图附加一个应该自动播放并将被隐藏的音频。这很简单。只需几行HTML和CSS。看一下这个！！这是我在体内使用的一段代码。

<div id="player">
    <audio controls autoplay hidden>
     <source src="file.mp3" type="audio/mpeg">
                unsupported !! 
    </audio>
</div>

Answer 4

这就是我实现它的方式，这是不可见的（ HORRIBLE SOUND .... ）

<!-- horrible is your mp3 file name any other supported format.-->
<audio controls autoplay hidden="" src="horrible.mp3" type ="audio/mp3"">your browser does not support Html5</audio>

Answer 5

audio { display:none;}

<audio autoplay="true" src="https://upload.wikimedia.org/wikipedia/commons/c/c8/Example.ogg">

Answer 6

我希望人们会允许他们关闭音乐等内容，例如按钮点击，有时，这些都非常酷。使用

<audio controls autoplay hidden="hidden"> <source src="*file here*" type="*file extension (.mp3 .ogg etc.)*">  Your browser does not support the audio element. </audio>

正如您所看到的，我不想重复自己，但我决定使用hidden标签。

希望这有帮助。

Answer 7

<audio id="audio" style="display:none;" src="mp3/Fans-Mi-tooXclusive_com.mp3" controls autoplay loop onloadeddata="setHalfVolume()">

即使系统音量高，这也可以自动播放，隐藏音乐并减少音乐，以避免噪音。将其放在脚本中：

<script>
    function setHalfVolume() {
        var myAudio = document.getElementById("audio");
        myAudio.volume = 0.2;
    }
</script>

Answer 8

通常，我要做的是在普通音频标签上放上autoplay="true"，然后我不添加：controls =“ true”，这通常对我有用

我将其放在一个代码段中，还制作了一个jsfiddel here

希望这会有所帮助:)

<audio autoplay="true" 
src="https://res.cloudinary.com/foxyplays989/video/upload/v1558369838/LetsGo.mp3"> 
</audio>

在隐藏标签中播放声音

8 个答案:

HTML

CSS