关于Audio标签添加网易云音乐作为背景音乐的两三事 一、写在开头 1.audio：html5音频标签 <!-- 添加背景音乐 --><audio id="music" src="https://music.163.com/#/song?id=3405868" autoplay preload="auto" loop="loop">该浏览器不支持audio属性</audio> 属性 Value描述src=“url”音频地址autoplay=“autoplay”如果出现该属性，则音频在就绪后马上播放。controls=“controls”如果出现该属性，则向用户显示控件，比如播放按钮。loop=“loop”如果出现该属性，则每当音频结束时重新开始播放。preload=“preload”如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
不支持audio元素的浏览器会显示标签内文字
2.js函数控制 // 自定义背景音乐的 播放/暂停 功能function playMusic(){ var music = document.getElementById("music"); if (music.paused){ music.play();//播放 }else{ music.pause();//暂停 //music.load();//重新加载 }} 二、可能遇到的问题 1.网易云音乐外链无效化
一开始笔者直接采用网易云音乐的网页连接，可想而知，多么低级的错误(∩~∩)！！！
直接导致Chrome和火狐出现以下各种问题
//火狐HTTP "Content-Type" 中的 "text/html" 不支持。媒体资源 https://music.163.com/#/song?id=3405868 加载失败。 index.html无法播放媒体。没有相应格式的解码器：text/html index.html //ChromeUncaught (in promise) DOMException: The element has no supported sources.
经过各种验证，终于找到外链
方法一：https://blog.csdn.net/weixin_37064409/article/details/73189094
通过此方法获取的外链可以直接放到src中使用，但经过一段时间，再次打开网页，提示该连接失效，这里的问题笔者暂时没深入了解；
方法二：
https://blog.csdn.net/qq_29438487/article/details/79403924
通过此方法获取的外链，目前使用正常。
2.Chrome无法自动播放 //ChromeUncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
简单来说就是谷歌不允许自动播放，现在才知道?
找了几个方法试试，参考链接：
https://blog.csdn.net/a545132569/article/details/82996445
https://blog.csdn.net/wo240/article/details/82748474
待续