如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
如何添加音乐到网站
来源：互联网
2023-03-16 19:19:15 版权归原作者所有，如有侵权，请联系我们
如何将背景音乐添加到网站
工具/原料
- 记事本或其他编辑工具
- 音乐文件
方法/步骤
在html文件中使用audio>标签。
代码如下：
audio controls>
source src="test.flac" type="audio/ogg">
您的浏览器不支持 audio 元素。
/audio>
打开html文件。网页中会有一个控制音乐播放的组件
组件各按钮的作用如下图：
经测试,即使设置了"autoplay"属性,也不会自动播放。
使用js来调用组件播放功能也不行。会有报错提示：“Uncaught（in promise）DOMException:play（）失败，因为用户没有首先与文档交互。”
Web浏览器正在朝着更严格的自动播放策略发展，以便改善用户体验，最大限度地降低安装广告拦截器的积极性并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控制权，并使开发商获得合法用例。
自动播放请参考《浏览器自动播放策略调整》
可以在用户与页面交互后，播放。
代码如下：
audio id="audio">
source src="test.flac" type="audio/ogg">
您的浏览器不支持 audio 元素。
/audio>
document.addEventListener('click', function() {
let music = document.getElementById('audio');//获取audio
music.play();
});
注意事项
- 自动播放策略调整
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)