jquery - 使用 jquery 添加 src 后，HTML5 音频标签不会显示在 iOS 浏览器上

Question

我不知所措。我有一个单页网站，它试图显示大约 14 首 mp3。由于文件大小，在用户单击链接以显示该面板之前，不会附加/加载控制源。我通过以下 jquery 执行此操作（取决于选择的链接）：

$("#post-2 audio source").attr("src", "/Content/audio/<file>.mp3").detach().appendTo($("#audio2"));
$("#post-2 embed source").attr("src", "/Content/audio/<file>.mp3").detach().appendTo($("#audio2"));

这适用于桌面，但 iOS Safari 不会显示控件。有人报告说它在 FF 中不起作用，但我认为它在那里工作正常。

基本上，将源代码加载到 DOM 中的脚本是行不通的。有任何想法吗？客户不想使用 SoundCloud，即使那是临时解决方案并且运行良好。

任何想法/建议/输入将不胜感激。