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

我正在试着做一个播放和暂停按钮

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");
  });
});

Jquery:

<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");
  });
});

$（“#更改”）。单击（函数（）{
$（'#video'）.html（''）；
});
$（函数（）{
$（“#更改”）。单击（函数（）{
$（“#change”）.attr（'src'，”./pause button.png”）；
});
});

---

当您单击播放按钮时，它会变为暂停按钮

img

。打开一个youtube视频，打开隐藏，这样你就可以听到音频了。我期待着那时；当您第二次单击时，请删除youtube视频的

html

（这样它就停止播放[或者如果您觉得有帮助，您可以帮助我找到一种让视频暂停的方法]）然后将播放按钮

img

放回去？

如果你想对视频进行更多的控制，而不仅仅是将其放在页面上，你可能最好使用youtube javascript API。你签出了吗？我宁愿自己做。我昨天刚刚实现了youtube JS API。这其实并不难做到，除非你出于某种原因认为像youtube这样的大型服务会支持移动设备。。。白痴如果你要自己做，你必须知道视频的进展如何，如果你想让它继续在你停止它时的状态。祝你好运。