如何用HTML写代码实现自动播放音乐

如何用HTML写代码实现自动播放音乐,第1张

由于浏览器的安全策略问题,现在已经不再支持打开页面自动播放音乐了,如需要播放还是要让用户点击播放才可以,可以使用html5的audio标签加载音乐播放。

<audio src="https://lanye.org/demo.mp3" controls width="100%"></audio>

据个人了解

网页中的音乐播放代码有以下几种:

第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1">这段代码。 loop指音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。

第二种:

在网页代码中的<style></style>标签之间加入一个“Embed”标签,其最简形式就像这样:

<embed src="音乐url" autostart="true" loop="true" width="80" height="20">

不同的是,在这里我们可以设置更多内容,相信内容请看w3scholl手册!

第三种:

使用超链接

例如:<a href="horse.mp3">Play the sound</a>

<script src="http://mediaplayer.yahoo.com/latest"></script>

第四种:

使用 HTML5 <audio>元素

<audio>元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。

例子:

<audio controls>

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

<source src="horse.ogg" type="audio/ogg">

Your browser does not support this audio format.

</audio>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6187130.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存