pause video when a button clicked

This site is best viewed in a modern browser with JavaScript enabled.

sweetysweety

hi,

my website is:http://http://www.terranartworks.com/testsite/tsv1/index.html

the video begins automatically.i want to pause the video,when user clicks one of three buttons on bottom of page.i use anything slider jquery for this.
how can i do this?

tenfold

function pause() {
    document.getElementById('video').pause();
}

then you will need to call this function when a button is pressed. You could add an 'onclick' attribute to the button if you want.

<a href='foo' onclick='pause()'>bar</a>

sweetysweety

thank you.i used below code and it worked.

var button1,button2,button3;
function initializePlayer()
	{
                button1=document.getElementById("button1");
		button2=document.getElementById("button2");
		button3=document.getElementById("button3");
                button1.addEventListener("click",buttonClick,false);
		button2.addEventListener("click",buttonClick,false);
		button3.addEventListener("click",buttonClick,false);
}
window.onload=initializePlayer;
function buttonClick()
		{
			if(!vid.paused){vid.pause();}
		}

tenfold

You're welcome Glad it worked.