iframe kaynağı içeriğin kendisinin yerine gösteriliyor

Question

Sayfa oluşturulduğunda, javascript kullanarak ayarladığım html kaynağı içeriğin kendisinde değil sayfada gösterilir.

Bunun yerine iframe'u nasıl gösterebilirim?

Bu iframes'un bir listesini bir REST api'dan aldım ve bunları div'a yerleştirmek istiyorum.

html ..

<div id="1"> 

</div> 

javascript ..

document.getElementById('1').innerHTML = '<iframe class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2FTTmeaE6.mp4&src_secure=1&url=http%3A%2F%2Fi.imgur.com%2FTTmeaE6.gifv&image=https%3A%2F%2Fi.imgur.com%2FTTmeaE6h.jpg&key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur\" width=\"600\" height=\"338\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>'; 

https://jsfiddle.net/bobbyrne01/gj3ah3jw/

Answer 1

senin yerine aşağıdaki kodu kullanabilirsiniz Sen < & kullanımıyla ilgili bir sorun yaşamış Lütfen> .. conv olması gerekmez & lt; ...

document.getElementById('1').innerHTML = '<frame class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2FTTmeaE6.mp4&amp;src_secure=1&amp;url=http%3A%2F%2Fi.imgur.com%2FTTmeaE6.gifv&amp;image=https%3A%2F%2Fi.imgur.com%2FTTmeaE6h.jpg&amp;key=2aa3c4d5f3de4f5b9120b660ad850dc9&amp;type=video%2Fmp4&amp;schema=imgur\" width=\"600\" height=\"338\" scrolling=\"no\" frameborder=\"0\" allowfullscreen><iframe>';