如何制作播放和暂停按钮？

Question

我正在尝试制作播放和暂停按钮

HTML：

<img id="change" src="../play button.png" width="100" height="100" /><script src="../jquery.js"></script>
<div id ="video">
</div>

Jquery的：

$('#change').click(function () {
    $('#video').html('<iframe width="0" height="0" src="//www.youtube.com/embed/....?autoplay=1" frameborder="0" allowfullscreen></iframe>');
});

$(function() {
  $('#change').click(function(){
    $("#change").attr('src',"../pause button.png");
  });
});

当您点击播放按钮时，它会变为暂停按钮img。并打开一个隐藏的YouTube视频，以便您可以听到音频。我期待着;当你第二次点击时，删除youtube视频的html（这样它就会停止播放[或者如果你感觉很有帮助，你可以帮我找到让视频暂停的方法]）然后点击播放按钮img回来了？