Hello,

I'm currently designing a HTML 5 video. The code below works, however instead of showing "pause" and "play" I would like to show different classes within each. For example I would like to show .play when the video is paused and .pause when the video is playing.

I have searched the web and non of the advice works.

Any help would be much appreciated.

Code:
function playPause() {
	if (vid.paused)
	{
		vid.play();
		playbtn.innerHTML = "Pause";
	} else {
		vid.pause () ;
		playbtn.innerHTML = "Play";
	}
}
Thank you