Question

我想在我的网页上显示背景音乐，html代码是这样的：

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
</head>
<body>
  <EMBED loop=-1 style="FILTER: blue()" width="0" height="0" src="Valder Fields.mp3" autostart="true" >  </EMBED> 

</body>
</html>

我把音乐放到这个html文件的同一个文件夹中，当我在没有使用Web服务器的情况下进行测试时运行得很好，但当我将它们放入Web服务器并再次打开此页面时，浏览器下载音乐并不显示音乐，为什么？如果我想在使用Web服务器时显示背景音乐，我该怎么办？（我使用tomcat 8.0作为我的网络服务器，我尝试过其他版本的tomcat，它们也无法正常工作）。

Answer 1

不知怎的，你可以使用它代替Embed

Jsfiddle

<audio controls autoplay style="display:none;">

<source src="http://f9.stream.nixcdn.com/bd4ec51ddb6643f1b1a9703df2a5702f/54699824/NhacCuaTui877/TheHappiestTimeOfMyLife-MCMongHuhGak-3645129.mp3"  type="audio/mpeg">

</audio>

Answer 2

使用HTML5嵌入音频。

<audio src="Valder Fields.mp3" preload="auto" controls></audio>

您可以找到其他选项here

为什么我不能在我的网页上显示背景音乐？

2 个答案: