在网页的背景中播放MP3

Question

我正在创建这个有趣的小网站，我希望NyanCat.mp3在用户进入网站后立即播放，我不希望显示控件。不幸的是，我已经获得了代码，它仅在用户具有控件时才有效。我也想让它循环。

没有控件 - 不起作用

<audio loop="loop">
<source src="NyanCat.mp3" type="audio/mpeg" />
</audio> 

使用控件 - 是否正常工作

<audio loop="loop" controls="controls">
<source src="NyanCat.mp3" type="audio/mpeg" />
</audio>

Answer 1

如果您不想显示控件，请删除controls属性，但添加autoplay属性：

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

无论如何，为用户提供播放/停止音乐的控制权总是一个好主意。

Answer 2

选项1

使用jQuery来完成你的工作。调用页面加载功能。这是代码jQuery

选项2

使用外部插件来完成工作。这是Wordpress plugin

选项3

MSDN的做法。请参阅此Play audio without audio tag visibility

希望这会有所帮助：）