怎么在HTML插入音乐自动播放的代码

Posted 2023-03-16

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么在HTML插入音乐自动播放的代码相关的知识，希望对你有一定的参考价值。

怎么在html插入音乐自动播放的代码<!DOCTYPE html>
<div id="equalizer">
<audio autoplay controls loop>
<source src="music/1.mp3" type='audio/ogg'>
<source src="music/1.mp3" type='audio/mpeg'>
</audio>
</div>
</div>
</section>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.reverseorder.js"></script>
</script>
</div>
</body>
</html>

HTML插入音乐自动播放的代码（代码可直接运行）<!DOCTYPE html><html><head>。

特点

超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。

可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。

平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

以上内容参考：百度百科-HTML

参考技术A

在网页制作中插入音乐是最常见的制作。下面与大家分享一下在网页制作过程中几种常见插入音乐文件的方法。

1、首先如果想给网页插入背景音乐，只需要切换至代码视图，在适当的位置输入输入以下代码即可：<embed src="梦.mp3" width="0" height="0"></embed>。

2、接着就可以打开网页来试听背景音乐啦。当然如果使用搜狗浏览器的话，记得点击窗口最下面的“打开背景音乐播放”按钮。

3、当然，有时希望音乐文件在播放时能在网页中呈现出一个插件窗口，以便实现用户对其可操作。此时只需要将“Width”和“Height”设置为非为值即可。

4、此时再次预览效果如图所示就完成了。

参考技术B

HTML插入音乐自动播放的代码（代码可直接运行）

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>HTML5学堂 - https://h5course.com/</title>
</head>
<body>
    <div class="wrap">
       <audio autoplay="autoplay" src="http://sd.freeisland.net/o_1c4efkd3u9dkfjltv814v6i4a9.mp3"></audio>
    </div>
</body>
</html>