Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >html中bgsound背景音乐标签在浏览器里无法播放[通俗易懂]

html中bgsound背景音乐标签在浏览器里无法播放[通俗易懂]

作者头像
全栈程序员站长
发布于 2022-09-15 03:07:36
发布于 2022-09-15 03:07:36
1.5K01
代码可运行
举报
运行总次数:1
代码可运行

大家好,又见面了,我是你们的朋友全栈君。

1.原代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<body>
    <!-- 添加背景音乐,文件地址为相对路径,loop="-1"为无限循环-->
    <bgsound src="music.mp3" loop="-1" autostart="True">
</body> 

问题:经过尝试,发现仅仅只有IE浏览器可以支持自动播放,但是需要先进行添加控件(自动弹出)。其他浏览器不支持自动播放。

查找W3C后发现是bgsound的兼容性问题:

解决办法:使用其他标签进行替代

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<body>
    <!-- width和height为设置播放器的宽高 -->
    <embed src="music.mp3" width="300" height="100" loop=-1” autostart="True"></embed>
</body> 

补充说明: 当不需要显示播放器时,可以尝试将width和height的值设置为0,即可隐藏(当然也有其他办法,不过还是觉得这个简单粗暴好记)

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164238.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
网页添加背景音乐
为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过<embed>标签来添加。
全栈程序员站长
2022/11/08
2K0
HTML5添加背景音乐 3种方法个人推荐audio
这里推荐两种方法,就是两个标签 <embed> 或者<audio > 常用 <audio > +css布局 隐藏播放器 做网站比较实用!
青梅煮码
2023/03/13
3.5K0
网页背景音乐代码
将这段代码插入到您的<head></head>之间 当您打开网站时即可听到背景音乐: <bgsound src=”/china.mid” loop=”-1″> 这种当网页最小化之后,音乐会消失
全栈程序员站长
2022/09/06
1.2K0
html给网页添加背景音乐_网页怎么在属性里加入音乐
1、src=””,在””内添加你音乐的保存路径。 2、使用hidden=”true”表示隐藏音乐播放按钮,相反使用hidden=”false”表示开启音乐播放按钮。 3、使用autostart=”true” 表示是打开网页加载完后自动播放。 4、使用loop=”true”表示 循环播放 如仅想播放一次则为:loop=”false”
全栈程序员站长
2022/11/09
8.4K0
添加背景音乐的html标签是music,添加背景音乐的html标签是什么,
添加背景音乐的html标签是什么添加背景音乐的html标签是什么,添加背景音乐的html标签是bgsound。bgsound用于插入背景音乐,但只适用于IE,不适用于netscape和firefox。它的参数很少设置,语法是“bgsound src=’bjyy.mp3′ loop=-1”。
全栈程序员站长
2022/09/15
3K0
添加背景音乐的html标签是music,添加背景音乐的html标签是什么,
添加网页背景音乐的两种方法是什么_html怎么添加背景音乐
为网页添加背景音乐的方法一般有两种,第一种是通过普通的< bgsound>标签来添加,另一种是通过< embed>标签来添加
全栈程序员站长
2022/10/05
7.1K1
网页中添加背景音乐的标签是什么_网页制作背景音乐html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/09/29
2.2K0
网页背景音乐设置
<bgsound src=”音频源” autostart=”true” loop=”false” />
青梅煮码
2023/03/13
3.1K0
html5添加网页背景音乐完整代码_网页添加音乐播放
<audio src=”static/sound/happyBirthday.mp3″ autoplay=”autoplay” preload=”auto” controls=”controls”></audio>
全栈程序员站长
2022/11/08
4.5K0
html5添加网页背景音乐完整代码_网页添加音乐播放
网页中部分非主流代码[通俗易懂]
二:文字加粗 倾斜的代码 ◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u>
全栈程序员站长
2022/09/06
4740
Js自动播放HTML音乐(不受浏览器限制,无需先与浏览器交互,无需对浏览器进行修改)
众所周知,声音无法自动播放一直是IOS/Android上的惯例。桌面版Safari也在2017年第11版宣布禁止带声音的多媒体自动播放功能。随后2018年4月发布的Chrome 66正式关闭了声音的自动播放,这意味着音频自动播放和视频自动播放在桌面浏览器中也会失效。
宜轩
2022/12/29
6.8K0
10.2 网页插入背景音乐「建议收藏」
####一、bgsound标签简介 在网页中可以为某个网页设置背景音乐,使用的是bgsound标签。bgsound是用以插入背景音乐,但只适用于IE浏览器,在Firefox等中未必适用。 语法: < bgsound src=“背景音乐的地址”/>
全栈程序员站长
2022/09/30
8190
播放音乐
HTML除了可以插入图形之外,还可以播放音乐和视频等。用浏览器可以播放的音乐格式有:MIDI音乐、W网络
Java架构师必看
2021/03/22
2.2K0
rtsp html播放_浏览器视频播放rtsp
从摄像机获取的RTSP视频流直接在浏览器中播放,这里采用vlc插件进行播放,设置步骤如下
全栈程序员站长
2022/11/07
4.7K0
网站背景音乐HTML代码_ppt播放背景音乐
这篇文章主要为大家详细介绍了HTML5页面背景音乐代码 网页背景音乐通用代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。
全栈程序员站长
2022/11/08
5.6K0
网站背景音乐HTML代码_ppt播放背景音乐
Web前端学习 第2章 网页重构11 HTML5新增标签
html5是超文本标记语言(html)的第五次重大修改,可以简单的理解为是html的第五个大版本。我们平时所说的html5其实是包含了html5,css3的新特性,以及新增的JavaScript接口。
学习猿地
2020/06/15
7420
HTML embed 标签「建议收藏」
From “ HTML embed 标签 – HTML标签索引 – HTML教程,XHTML教程 “
全栈程序员站长
2022/11/01
1.2K0
html多媒体
<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>
Qwe7
2022/05/17
1.3K0
网页音乐播放器代码
如果你也想往自己的博客里,网页里加入音乐播放器,只要复制下面的网页音乐播放器代码,做适当的修改就可以啦!有很多播放器可以选择,不要挑花眼哦!
全栈程序员站长
2022/07/04
3.2K0
微信开发给网页页面添加背景音乐
在微信开发中,单纯的页面展示并不能够吸引客户的眼球,需要有视觉和听觉的双重效果,才能够吸引住客户浏览,达到产品宣传的目的,前面说过很多页面的特效,今天我来说一种听觉上的效果,就是加上背景音乐,如何能够吸引住客户,那就需要你自己去选择合适的音乐了。废话不多说了,直接了看代码吧
OECOM
2020/07/02
7010
推荐阅读
相关推荐
网页添加背景音乐
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验