使用jQuery切换附加/移除视频

Question

我想知道有没有人能帮我--我正在尝试用jQuery把视频加载到页面上，然后点击一个带有“切换”类的按钮。在第二次点击时，我希望视频被删除-有效地在附加和删除之间切换。

这是到目前为止的代码-切换按钮只是继续添加更多的视频实例。我意识到到目前为止还没有切换功能，希望有人能给出一些实现这一功能的最佳方法。我还在学习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();
        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 3

如果已经有视频正在播放，则添加检查，如果是，则将其删除。

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

像这样的东西应该就足够了。

谢谢你反对我，我不小心按了tab键来留出空格，这将我的焦点带到了post -按钮上，然后我按了enter键，因为我想换一行，它在我完成之前发布了我的帖子:P