iphone - HTML5 iPhone Safari Mobile 在创建音频标签时可视化某些东西而不是 quicktime 符号

Question

我正在为 iPhone 编写一个非常简单的 html5 网页。页面是这个 不工作

一切正常，但在 iPhone 的页面中，我看到带有斜杠的 quicktime Logo 如果我点击它，播放器会显示播放按钮，并且在背景中有 quicktime Logo 。是否可以用个人形象替换 Logo ？提前谢谢你。

Answer 1

您可以使用 CSS 隐藏标记，而是创建一个 HTML 元素，该元素将使用 JavaScript onclick 事件启动 quicktime 播放器。

类似于:

<audio src="track.mp3" controls></audio>
<div id="play-button">Play</div>

<script>
function playAudio() {
    var audioPlayer = document.getElementsByTagName("audio")[0];
    audioPlayer.play();
}

var playButton = document.getElementById("play-button");
button.addEventListener("click",playAudio,false);
</script>

关于在外部 quicktime 播放器中显示视觉/图像，请查看我在类似主题中的回答 here .