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

Question

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

HTML：

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

查询：

$('#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 视频，以便您可以听到音频。我期待着那时；当您第二次单击时删除htmlyoutube 视频（使其停止播放 [或者如果您觉得有帮助，您可以帮我找到让视频暂停的方法]）然后放回播放按钮img？