JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<div data-role="page" id="pageone">
<div data-role="content">	
    <button id="button1" onclick="aud_play_pause()">Start</button>
    <audio id="audio"></audio>
</div><!-- /content -->
</div><!-- /page -->

JavaScript

var audio;
var i = 0;

var words = ["nua","ag","dul","freisin"];

function play()
{ 
    audio.src = "http://www.teanglann.ie/CanC/"+words[i]+".mp3";
    audio.load();
    audio.play();
    i = i + 1;
}

function aud_play_pause() 
{
    if (audio.paused) {
        play();
        audio.onended = play;
        $('#button1').html("Pause");
    } else {
        audio.pause();
        $('#button1').html("Play");
    }
}

$(document).on("pagebeforeshow","#pageone",function(event)
{
    audio = document.getElementById("audio");
});