last day (54 days later) » 

user5870134
3:18 AM
Q: When I insert the code how do I make it so that the image I want is the button?
 
user5870134
OK, so this is your code:
 
user5870134
var audio = document.createElement("audio");
canPlayAudio = !!(audio.canPlayType && (audio.canPlayType("audio/mpeg;") || audio.canPlayType("audio/ogg;") || audio.canPlayType("audio/mp4;")));
if (!canPlayAudio) {
document.getElementById("no-button").style.display = "none";
}
document.getElementById("no-button").onclick = function() {
document.getElementById("nooo").play();
};
 
user5870134
Instead of that do this:
 
user5870134
var audio = document.createElement("audio");
canPlayAudio = !!(audio.canPlayType && (audio.canPlayType("audio/mpeg;") || audio.canPlayType("audio/ogg;") || audio.canPlayType("audio/mp4;")));
if (!canPlayAudio) {
document.getElementById("no-button").style.display = "none";
}

var image = document.getElementsByTagName("img")[0];
image.onclick = function() {
document.getElementById("nooo").play();
};
 
user5870134
Or you can cut down the amount of stuff you have to write using jQuery like this:
 
user5870134
3:22 AM
var canPlayAudio, audio = $("<audio></audio>")[0];
if(audio.canPlayType) {
canPlayAudio = !!(audio.canPlayType("audio/mpeg;") || audio.canPlayType("audio/ogg;") || audio.canPlayType("audio/mp4;"));
} else {
canPlayAudio = false;
}
if (!canPlayAudio) {
$("#no-button").css("display", "none");
}
$("#id-of-your-image").on("click", function() {
$("#nooo").play();
});
 

  last day (54 days later) »