HTML5 iPhone Safari Mobile визуализирует что-то, а не символ быстрого времени при создании звукового тега

Question

Я пишу очень простую веб-страницу в html5 для iPhone. страница эта Не работает

Все работает, но на странице с iPhone я вижу логотип quicktime с косой чертой на нем и если я нажму на него, плеер покажет кнопку воспроизведения, а на заднем плане будет логотип QuickTime. Можно ли заменить логотипы на личное изображение? заранее спасибо.

Answer 1

Вы можете скрыть тег с помощью CSS и вместо этого создать элемент HTML, который запустит проигрыватель quicktime с событием JavaScript onclick.

Что-то вроде:

<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>

Что касается отображения визуального изображения / изображения во внешнем быстродействующем проигрывателе, ознакомьтесь с моим ответом в аналогичной теме здесь .

Answer 2

В теге видео установите плакат для изображения, которое вы хотите отобразить.

Linda

Answer 3

если вы создаете веб-приложение для использования только на iPhone, я настоятельно рекомендую вам использовать фантастический

Каркас jQTouch .

тогда вы можете просто иметь ссылку на файл mp3, и он будет воспроизводиться нормально.