Как сделать так, чтобы звук воспроизводился на клике, соответствующем HTML4?
У меня великолепно работает страница в Chrome, но старые версии IE создают проблемы. Аудио тег не распознается, поэтому мне интересно: как я могу воспроизвести звук после нажатия на изображение? Я приложил соответствующий код ниже. Опять же, это работает в Chrome. Я просто не знаю, как подойти к этому для IE версий 7 и 8, потому что он не принимает аудио-тег ИЛИ я не создаю новый аудио-объект в моем javascript. Я возьму любую помощь, которую смогу получить, но я очень неопытен с JQuery.
<img id="Unique" src="bellTop.jpg" width="17%" height="20%" title="A Major"
onclick="funct1()" />
<script>
function funct1() {
var willPlay= new Audio();
willPlay.src="pathToAudio/Song.mp3";
willPlay.play(); }
</script>
РЕДАКТИРОВАТЬ: я понимаю объект и встраивать теги. Я не хочу, чтобы появился игрок; Я хочу, чтобы звуковой файл был скрыт на странице, но при нажатии на изображение оно воспроизводится.
РЕДАКТИРОВАТЬ 2: Проблема решена (в основном)! Вот код, который работает, чтобы обойти проблему!
<span id="dummyspan"></span>
<img src="imageName.jpg" width="17%" height="20%" onClick="playSound('SongName.mp3')">
<script>
function playSound(surl) {
document.getElementById("dummyspan").innerHTML=
"<embed src='"+surl+"' hidden=true autostart=true loop=false>"; }
</script>
Кажется, что вы можете создать пустой диапазон, встроить в него аудиофайл, а затем вызвать его с помощью функции javascript! Загрузка занимает несколько секунд, но я готов поспорить, что любой, кто все еще использует IE8 и ниже, уже привык к этому.