Question

下午好，

我有图像，我想将与图像相关的MP3文件嵌入图像中，而不是将图像下的MP3嵌入图像中。

这是否可能。

亲切的问候

加里

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
<img src="Logoghp.jpg" width="224" height="134" alt=""/><br>
<audio controls>
  <embed src="Soul Train Easter 2016 Mke Vitti One Hour Mix Show.mp3" width="32" height="32"></embed>
</audio>
</body>
</html>

Answer 1

创建一个＆＃34;容器＆＃34; div并在其中插入您的图片和audio element（至少包含source和警告消息，以供不支持它的浏览器使用。

给＃34;容器＆＃34;在图像的相同高度，分配audio元素＆＃34;相对＆＃34; position，然后使用top和left值，例如：

＆＃13;

.audio-container {
  height: 320px;
}
.audio-container audio {
  position: relative;
  top: -40px;
  left: 10px;
}

＆＃13;

<div class="audio-container">
  <img src="http://www.battiato.it/wp-content/themes/battiato/images/about.jpg">
  <br>
  <audio controls>
    <source src="http://www.battiato.it/wp-content/uploads/mp3/joe/1-leoncavallo.mp3" type="audio/mpeg">
      Your browser does not support the audio element.
  </audio>
</div>

＆＃13;

将MP3音乐文件嵌入到图像中

1 个答案: