jQueryでビデオの追加/削除を切り替えます

Question

誰かが私を助けてくれるのかどうか疑問に思っています。ビデオをjQueryを使って 'toggle'クラスのボタンをクリックするとビデオを読み込もうとしています。 2回目のクリックで、ビデオを削除したいと思います。追加と削除を効果的に切り替えることができます。

これまでのコードは、トグルボタンを押すだけで、ビデオのインスタンスを追加し続けます。これまでトグル機能がないことを理解し、誰かがこれを達成する最善の方法について光を当てることを望んでいました。私はまだjQueryを学んでいます:)

$(function(){ 
    $('.toggle').click(function(e) { 
    e.preventDefault(); 
    var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>'; 
    $('#videowrapper').append(content); 
    _V_('my_video', {'controls': true}); 
    }); 
}); 

多くのお手伝いをしてくれてありがとう！

Answer 1

$('.toggle').click(function(e) { 
    e.preventDefault(); 
    if ($('#my_video').length) { 
     $('#my_video').remove(); 
    } 
    else { 
     var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>'; 
     $('#videowrapper').append(content); 
     _V_('my_video', {'controls': true}); 
    } 
}); 

Answer 2

すでに動画が再生されている場合はチェックを付け、削除する場合は削除します。

$(function(){ 
    $('.toggle').click(function(e) { 
    e.preventDefault(); 
    var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/> </video>', 
     search = $('video#my_video').length; 
    if(search > 0) { 
     $('video#my_video').remove(); 
    } else { 
     $('#videowrapper').append(content); 
     _V_('my_video', {'controls': true}); 
    } 
    }); 
}); 

このようなもので十分です。

私をdownvotingしてくれてありがとう、私は間違ってポストボタンに焦点を当てたスペースを作るためにタブを押して、私は入力したので、私は新しい行が欲しかったので、

Answer 3

$('#videowrapper').html(content); 

Answer 4

$(function(){ 
    $('.toggle').click(function(e) { 
     e.preventDefault(); 
     if ($("#my_video").length) { 
      $("#my_video").remove(); 
     }else{ 
      var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>'; 
      $('#videowrapper').append(content); 
      _V_('my_video', {'controls': true}); 
     } 
    }); 
});