jquery播放/暂停替换文本并恢复文本

Question

到目前为止我在这里尝试了什么：http://jsfiddle.net/yusaf/VVEY9/26/

我的暂停和播放有问题替换和恢复

1. 如何在页面加载中隐藏.pause
单击.play时
2. 将元素替换为.pause元素
3. 点击.pause时会恢复为.play元素

Answer 1

你可以这样做：

$(document).ready(function(){
 var obj = $('object')
     .wrap('<div id="test"></div>')
     .find('embed').attr('src', function(i,s){return s+'&enablejsapi=1&version=3'}).end()
     .find('param[name=movie]').attr('value', function(i,v){return v+'&enablejsapi=1&version=3'}).end()
     .detach()
     .appendTo($('#test'));

 $('.play').click(function(){
  obj.find('embed')[0].playVideo();
 });
 $('.pause').click(function(){
  obj.find('embed')[0].pauseVideo();
 })

 $('.pause').hide();
});

$(".play").click(function () {
  $(this).hide();
  $('.pause').show();
});

$(".pause").click(function () {
  $(this).hide();
  $('.play').show();
});

Answer 2

您可以在此处找到更正：

http://jsfiddle.net/VVEY9/52/

您可以删除最后两个“点击”功能。