html5 - HTML audio in iframe (IPAD safari) not working -

I have an HTML reader that dynamically loads html pages to use iframe. I am using HTML5 audio tags (for navigation buttons) in Reader HTML which works well on "iPad Safari", but the audio inside the IFrame-loaded HTML is not running.

Below is the Reader Html structure.

Reader.html

  & lt; Body class = "spread-body" & gt; & Lt; Div class = "container" & gt; & Lt; Div id = "page" square = "page path" & gt; & Lt; Iframe id = "frame2" class = "frame frame 2" src = "" scrolling = "no" & gt; & Lt; / Iframe & gt; & Lt; Div class = "banner-bottom" & gt; & Lt; Img src = "image / banner.png" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "pages" & gt; & Lt; / Div & gt; & Lt; Input type = "button" id = "next" square = "next-style" /> & Lt; Input type = "button" id = "prev" class = "back-style" /> & Lt; / Div & gt; & Lt; Audio src = "engine-audio / chime.wav" id = "chime" /> & Lt; / Body & gt; Script  
  document.addEventListener ("DOMContentLoaded", function () {var aud = document.getElementById ( "Init"); aud.play ();});   / Chime.wow '; document.gate elementbid (' chim ') play (); $ (this) .addClass (' clicked ');});   
 So, the question is whether navigation audio is running but audio is not running in IFrame loaded pages.  
 pls help  
 
 
 Are you sure that the "audio" in the row  
 audio src = " Engine-audio / chime.wav "id =" chime " 
 identifiable?