Бесконечная загрузка страницы

Подгружаю html с помощью js так:

var cat='{category}';
if((cat!='1')||(cat!='2')||(cat!='3')||(cat!='4')){
document.getElementById('video').innerHTML = '<video controls width="300"  src="URL"></video>'; 
document.getElementById('teggi').innerHTML = '';
}
if((cat=='1')||(cat=='2')||(cat=='3')||(cat=='4')){
  document.getElementById('video').innerHTML = '<iframe src="URL1" style="border:0;width:100%;height:500px;"scrolling="no"></iframe>';  
document.getElementById('nevsunichtoz').innerHTML = '';
}

При открытии страницы на которой расположен этот код идет бесконечная загрузка, хотя html вставляется куда нужно и, с виду, страница полностью загрузилась.Если убрать этот код:

document.getElementById('video').innerHTML = '<iframe src="URL1" style="border:0;width:100%;height:500px;"scrolling="no"></iframe>'; 

то все нормально работает.

С чем это может быть связано? Как исправить?