如何在<p> </p>标签（html5代码）之间点击图片时播放mp3

Question

在我使用的网络资源中，在绘图时，我写的所有东西（使用CKeditor 3.2）都在<p></p>标签之间，我不能用js播放mp3。我需要播放mp3（也在移动设备上）。以前，我使用<object ... width="20" height="20" >来播放mp3，但它在移动设备中不起作用。 我需要在PC和移动设备上播放mp3文件，我刚刚用<p> </p>标签起草。不知何故，当我点击图片（放在<p>标签之间）或如何编辑此代码以使其成为width=20, heigh=20

时，我可以播放mp3

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio> 

Answer 1

尝试使用ID标记音频标签，隐藏音频播放器，然后将onclick事件附加到包含图像的

标签。

示例javascript：

serialize()

示例html：

var audioTagged = document.getElementById('audioID');
    audioTagged.src = 'audio.mp3';
    audioTagged.load();