18

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

我找到了这段代码。它在可见时是工作代码，div但我想隐藏并工作。在这种情况下，它不起作用，因为它被style属性隐藏了。如何使它不可见并同时播放声音？

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

8 回答 8

18

我同意上面评论中的观点——这可能很烦人。我们只能希望您给用户关闭音乐的选项。

然而...

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

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

于 2013-03-20T20:13:54.707 回答
4

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

<div id="player">
    <audio controls autoplay hidden>
     <source src="file.mp3" type="audio/mpeg">
                unsupported !! 
    </audio>
</div>
于 2017-01-28T03:49:49.067 回答
2

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

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

于 2015-06-19T08:08:55.533 回答
1

这就是我实现它的方式，这是不可见的（可怕的声音......）

<!-- 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>
于 2018-01-21T15:44:46.213 回答
1 

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

于 2020-08-07T03:38:11.110 回答
0

我希望人们允许他们关闭诸如音乐之类的东西，至于按钮点击，有时，这些非常酷。使用

<audio controls autoplay hidden="hidden"> <source src="*file here*" type="*file extension (.mp3 .ogg etc.)*"> <!--This displays an error to users that don't have it supported--> Your browser does not support the audio element. </audio>

如您所见，我不喜欢重复自己，但我决定使用hidden标签。

希望这可以帮助。

于 2015-02-24T05:05:46.163 回答
0 
<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>
于 2015-07-08T00:03:10.200 回答
0

通常，我所做的是放置正常的音频标签，然后放置autoplay="true"并且我不添加：controls =“true”，这通常对我有用

我把它放在一个片段中，还在这里做了一个 jsfiddel

希望这可以帮助 ：） 

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

于 2019-05-21T15:19:16.363 回答