Не работает динамичное добавление видео?

https://www.youtube.com/embed/xxxxxx

[xfgiven_youtube]<iframe width="560" height="315" src="[xfvalue_youtube]" frameborder="0" allowfullscreen></iframe>[/xfgiven_youtube]

<div id="result"></div>
<script>
function search() {
    var x = new XMLHttpRequest();
    x.open("GET", "https://www.googleapis.com/youtube/v3/search?part=id&maxResults=4&q=dota2&fields=items%2Fid%2FvideoId&key=AIzaSyCSlef-RWCg9IHkzUNcIZCB50iEmSoXPNk", true);
    x.onload = function() {
        var el = document.getElementById('result');
		var result = JSON.parse(x.responseText);
        el.innerHTML = "<iframe width=\"560\" height=\"315\" src=\"https://youtu.be/" + r esult.items[0].id.videoId + "\" frameborder=\"0\" allowfullscreen></iframe>";
    }
    x.send(null);
}

window.onload = function() {
    search();
}
</script>