在HTML中添加背景音乐[通俗易懂]

全栈程序员-站长 • 2022年7月25日上午9:00 • 未分类 • 阅读 5

在HTML中添加背景音乐[通俗易懂]方法一：在源代码中编写以下几句代码将能实现在HTML网页内添加背景音乐；你的浏览器版本太低，不支持audi

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

方法一：

在源代码中编写以下几句代码将能实现在HTML网页内添加背景音乐；

 <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"  src="http://demo.mimvp.com/html5/take_you_fly.mp3">  你的浏览器版本太低，不支持audio标签  </audio>

说明：1、使用autoplay=”autoplay”，则背景音乐将在音网页打开后就自动马上播放。

2、使用controls=”controls”，则为了在页面内显示显示控件，如播放按钮。

3、使用“loop=”loop”，则是为了是背景音乐重复播放。

4、使用preload=”auto”，则音频在页面加载的同时进行加载，并预备播放。

5、使用src=””，即是在””内加入背景音乐的保存路径，如：src=”web网页制作\03.mp3″。

注：若是想播放按钮隐藏，则使用以下语句：

直接使用css 的display控制audio标签的显示：

<style type="text/css">
     audio{
             display: none;
         }
</style>

方法二：

在<head></head>中的title标签之下添加以下这行代码

<embed src="web网页制作\03.mp3" hidden="true" autostart="true" loop="true">

说明：1、src="",在""内添加你音乐的保存路径。

 2、使用hidden="true"表示隐藏音乐播放按钮，相反使用hidden="false"表示开启音乐播放按钮。

 3、使用autostart="true" 表示是打开网页加载完后自动播放。

 4、使用loop="true"表示 循环播放 如仅想播放一次则为：loop="false"

方法三：

在HTML中敲写以下代码：

<bgsound src="音乐保存的绝对路径" autostart=true loop=infinite>

说明：1、使用autostart=true，表示音乐在网页加载同时加载音乐，打开网页时音乐自动播放。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/164245.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

zabbix 监控多个mysql_zabbix 监控多实例mysql[通俗易懂]

zabbix 监控多个mysql_zabbix 监控多实例mysql[通俗易懂]zabbix监控多实例mysql一台服务器上开启了3个mysql实例进程，占用不同的端口3306、3307、3308原理说明：通过自动发现规则来获取MySQL实例的端口，自动发现规则上的{$MYSQLPORT}是要传递给agent自动发现脚本的参数，这个值是从主机定义的宏{$MYSQLPORT}获取过来的，自动发现的脚本将其解析成{#MYSQLPORT}:端口的形式，监控项原型再根据{#MYS…

全栈程序员-站长
2022年5月1日
基于fpga的spi通信设计_协议的概念

基于fpga的spi通信设计_协议的概念一、SPI协议1、SPI协议概括SPI（SerialPeripheralInterface）——串行外围设备接口。是Motorola首先在其MC68HCXX系列处理器上定义的。SPI接口主要应用在EEPROM、FLASH、实时时钟，AD转换器以及数字信号处理器和数字信号解码器之间。SPI是一种高速，全双工，同步的通信总线，在芯片上只占用四根线（CS、MOSI、MISO、SCK），极大的…

全栈程序员-站长
2022年10月15日
win10共享打印错误0x0000006_win10共享打印机出现错误代码0X0000000d怎么办打印机无法打印的解决步骤…[通俗易懂]

win10共享打印错误0x0000006_win10共享打印机出现错误代码0X0000000d怎么办打印机无法打印的解决步骤…[通俗易懂]win10系统查找打印机提示错误代码0x0000000d怎么办？此问题解决非常简单，只要“添加打印机”即可，下面有详细的安装步骤，一起看看吧！错误代码0x0000000d的解决方法步骤1、点击win10系统的开始/控制面板/打印机;win10系统查找打印机提示错误0x0000000d的解决方法2、选择“添加打印机”;3、选择“添加本地打印机”，按一下步;4、选择“创建新端口”/选择“local…

全栈程序员-站长
2022年5月14日
idea

pycharm激活码2021_最新在线免费激活

(pycharm激活码2021)最近有小伙伴私信我，问我这边有没有免费的intellijIdea的激活码，然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢，哈哈~IntelliJ2021最新激活注册码，破解教程可免费永久激活，亲测有效，下面是详细链接哦~https://javaforall.net/100143.htmlS3…

全栈程序员-站长
2022年3月26日
【池化选择】全局最大池化和全局平均池化的实验分析

根据MIT的LearningDeepFeaturesforDiscriminativeLocalization论文中的描述，在使用类响应图classactivationmapping(CAM)对比全局平均池化Globalaveragepooling(GAP)vs全局最大池化globalmaxpooling(GMP):类响应图示例：…

全栈程序员-站长
2022年4月9日
win10下deepfakes环境配置（一）- 软件安装

win10下deepfakes环境配置（一）- 软件安装Deepfakes环境配置以下以64位Win10环境下(win7不能使用Openfaceswap，请参考faceswap)，Openfaceswap为例，零编程基础学习deepfakes的环境搭配。Openfaceswap简介Openfaceswap基于开源软件Faceswap而定制的图形界面版本，Faceswap地址（最新版已经集成GUI版本，有动力能力的可以到Githu…

全栈程序员-站长
2022年5月9日

发表回复

关注全栈程序员社区公众号