HTML:
<a href="https://clyp.it/5e0dmibw" rel="nofollow" target="_blank">https://clyp.it/5e0dmibw</a>
JS:
$(document).ready(function() {
    var clyplinks = $('a[href^="https://clyp.it/"]').filter(function() {
        return this.innerHTML.match(/(https:\/\/clyp.it\/)([\w]{8})/);
    });
    $(clyplinks).each(function(index) {
        var x = null;
        var id = $(this).attr("href").split("it/")[1];
        var e = $('<a class="embed" id="' + id + index +'" href="#"> [embed]</a>').insertAfter($(this));
        e.click(function(evt) {
            evt.preventDefault();
            if (x != 1) {
                $(this).after('<div id="clyp' + id + index + '"><iframe width="259" height="160" src="https://clyp.it/' + id + '/widget" frameborder="0" ></iframe></div>')
                $(e).html('<a class="embed" id="' + id + index +'" href="#"> [remove]</a>')
                x = 1;
                console.log('embed' + x + ' ' + index);
            } else {
                $('#clyp' + id + index).detach();
                $(e).html('<a class="embed" id="' + id + index +'" href="#"> [embed]</a>')
                x = null;
                console.log('yay' + x + ' ' + index);
            }
        });
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<a href="https://clyp.it/5e0dmibw" rel="nofollow" target="_blank">https://clyp.it/5e0dmibw</a>
$(document).ready(function() {
var clyplinks = $('a[href^="https://clyp.it/"]').filter(function() {
return this.innerHTML.match(/(https:\/\/clyp.it\/)([\w]{8})/);
});
$(clyplinks).each(function(index) {
var x = null;
var id = $(this).attr("href").split("it/")[1];
var e = $('<a class="embed" id="' + id + index + '" href="#"> [embed]</a>').insertAfter($(this));
e.click(function(evt) {
  evt.preventDefault();
  if (x != 1) {
    $(this).after('<div id="clyp' + id + index + '"><iframe width="259" height="160" src="https://clyp.it/' + id + '/widget" frameborder="0" ></iframe></div>')
    $(e).html('<a class="embed" id="' + id + index + '" href="#"> [remove]</a>')
    x = 1;
    console.log('embed' + x + ' ' + index);
  } else {
    $('#clyp' + id + index).detach();
    $(e).html('<a class="embed" id="' + id + index + '" href="#"> [embed]</a>')
    x = null;
    console.log('yay' + x + ' ' + index);
  }
});
});
});