嵌入标签的隐藏属性设置为 true 时媒体文件无法播放

Question

这是我的嵌入标签

<embed src="http://localhost:8084/MIS/js/status_no.mp3" hidden="true" autostart="true" loop="false" class="playSound">

当我删除隐藏属性时，会播放声音，但是当我将隐藏属性设置为 true 时，声音不会播放。我不想向用户展示播放器。

Answer 1

<audio>
    <source src="../js/Alarm_Buzzer.ogg" type="audio/ogg"></source>
</audio>

这对我在 Chrome 和 Firefox 中都有效。 Firefox 不支持 mp3 文件，但 Chrome 支持。

Answer 2

你可以尝试用CSS隐藏它：

.playSound { display: none; }

我还建议使用

audio

标签，它适用于此类内容。

Answer 3

我建议将您的代码转换为类似的代码，这适用于所有浏览器

 <audio autoplay>
  <source src="http://localhost:8084/MIS/js/status_no.ogg" type="audio/ogg">
  <source src="http://localhost:8084/MIS/js/status_no.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 

此代码适用于所有浏览器，它也会被隐藏并自动启动。

Answer 4

如果您在音频标签中添加controls="controls"，则音频播放器将对用户可见。 所以对于你的情况，不要添加控件。

<audio  src="http://a.tumblr.com/tumblr_mfezft44rf1rge0duo1.mp3" autoplay="autoplay" loop="false" class="playSound"></audio>

希望这有帮助！

Answer 5

删除隐藏并在嵌入播放器的CSS中添加显示：无，它将从屏幕上消失而不会干扰属性。我不明白这里怎么有这么多白痴

Answer 6

<embed src="https://www.youtube.com/v/watch?v=KA_8oaTpxac&autoplay=1&amp;loop=1" type="application/x-shockwave-flash" 

wmode="transparent" height="1" width="1">

我认为这有效，但请注意：非常重要
如果你管上有视频：线路是：

https://www.youtube.com/watch?v=vid number

但是你必须在代码中以这种形式编写

https://www.youtube.com/v/watch?v=vid id

并且会正常工作