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

Question

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

我的暂停和播放替换和还原有问题

1. 如何.pause在页面加载时隐藏
2. 单击时.play将元素替换为.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/

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