CodingForums.com - View Single Post

huskie · 11-30-2012, 02:40 PM

Hi,

Is there anyone that can help resolve the issue of using the HTML5 audio tag when pressing an image. I am designing an app to use on Apple IOS for my young child to learn images and sounds together. I am using the HTML5 tag with some inline js but when I add this it throws my images about. I am guessing that there is some kind of hidden control to the side of the image that is shifting them around the screen?

<a class="pig" href="javascript:;" onclick="document.getElementById('pig').play();"><audio id="pig" src="audio/pig.mp3"></audio><img src="images/pig.png" height="230" width="230" alt="Pig"/></a>

11-30-2012, 02:40 PM	PM User \| #1
huskie New Coder Join Date: Apr 2011 Posts: 33 Thanks: 2 Thanked 0 Times in 0 Posts	HTML5 audio and IOS headache. Hi, Is there anyone that can help resolve the issue of using the HTML5 audio tag when pressing an image. I am designing an app to use on Apple IOS for my young child to learn images and sounds together. I am using the HTML5 tag with some inline js but when I add this it throws my images about. I am guessing that there is some kind of hidden control to the side of the image that is shifting them around the screen? <a class="pig" href="javascript:;" onclick="document.getElementById('pig').play();"><audio id="pig" src="audio/pig.mp3"></audio><img src="images/pig.png" height="230" width="230" alt="Pig"/></a> Last edited by huskie; 11-30-2012 at 03:23 PM..