PLEASE HELP! Toggle Play/Stop Button

How do I make this into one button that toggles play/stop?

$('.play').click(function() {
$('#jquery-video').get(0).play();
});
$('.stop').click(function() {
$('#jquery-video').get(0).pause();
});

$('.toggle').click(function() {
if ($(this).hasClass('stopped')) {
console.log("stopped");
$(this).removeClass("stopped");
$(this).addClass("playing");
}
else {
console.log("playing");
$(this).removeClass("playing");
$(this).addClass("stopped");
}
});
</script>

Code (markup):

 

Check out these examples, see if you can apply some / any / all of it to your code:

HTML5 - https://jsfiddle.net/tommy6s/rbnrfaht/

HTML5 - http://fiddle.jshell.net/q9uwtdee/6/

YouTube - http://jsfiddle.net/8kN6Z/1025/