audioDiv.play is not a function at HTMLDivElement

<div class="audio-limited">
  <audio controls="controls"><source src="https://www.spevacek.info/mp3/testy/listening-upper-intermediate-B.ogg" type="audio/ogg">   <source src="https://www.spevacek.info/mp3/testy/listening-upper-intermediate-B.mp3"     type="audio/mpeg"> Váš prohlížeč bohužel neumožňuje přehrát zvuk. Použijte prosím jiný prohlížeč. </audio>
</div>

<div class="audio-limited">
  <audio controls="controls"><source src="https://www.spevacek.info/mp3/testy/listening-upper-intermediate-B.ogg" type="audio/ogg">   <source src="https://www.spevacek.info/mp3/testy/listening-upper-intermediate-B.mp3"     type="audio/mpeg"> Váš prohlížeč bohužel neumožňuje přehrát zvuk. Použijte prosím jiný prohlížeč. </audio>
  <div class="audio-overlay">Přehrát ukázku</div>
</div>

window.onload = function() {
            var prehravac = document.getElementsByClassName('audio-limited');
            var element = document.createElement( 'div');
            element.appendChild( document.createTextNode( 'Přehrát ukázku' ) );
            element.classList.add( 'audio-overlay' );        
            for (index = 0; index < prehravac.length; ++index) {
                prehravac[index].appendChild( element );
                var p = prehravac[index];
                prehravac[index].addEventListener('click', function(e){
                    var audioDiv = p.getElementsByTagName( 'audio' );
                    audioDiv.play();
                });                
            }
        };