JQuery Play / Pause заменить текст и вернуть текст

Question

то, что я пробовал до сих пор здесь : http://jsfiddle.net/yusaf/VVEY9/26/

У меня проблема с заменой и возвратом паузы и воспроизведения

1. Как я могускрыть .pause при загрузке страницы
2. при нажатии .play заменить элемент элементом .pause
3. при нажатии .pause вернуться к .play элементу

Answer 1

Вы можете найти исправление здесь:

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

Вы можете удалить две последние функции "щелчка".

Answer 2

Вы можете сделать что-то вроде этого:

$(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();
});