As Yannick pointed out, you can use the <foreinObject> tag. Unfortunately, I have had a lot of problems using this tag, especially with cross-browser behavior. The best method I have used so far actually does not involve the foreign object tag at all. Instead, you just include the HTML namespace in your SVG document and then add your audio tags in using that namespace. This works in every single browser right down to iOS. Here is an example:
<svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; xmlns:html="http://www.w3.org/1999/xhtml"; version="1.1" baseProfile="full"> <!-- Note that the HTML namespace was included in addition to SVG and XLINK --> <g><!-- Some svg stuff --></g> <!-- your foreign html5 audio tag --> <html:audio id="audioElement"> <html:source src="sound.mp3" type="audio/mpeg"></html:source> <html:source src="sound.ogg" type="audio/ogg"></html:source> </html:audio> <g><!-- Some more SVG stuff --></g> </svg> ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
