chicos por favor ayuden a arreglar esto. Necesito agregar una actualización de imagen aleatoria cuando uso iframe. Hice todo lo posible para encontrar una solución, pero no funcionó. Por favor, ayúdenme a solucionar esto.

aquí está mi html

 <iframe class="img-responsive center-block element-spacing-md" id="banner" width="970" height="250" frameborder="0" scrolling="no" allowfullscreen="true" style="width: 970px; height: 250px;" ></iframe>

aquí está el js

 var imagee = new Array (); imagee[0] = "//s0.2mdn.net/dfp/370694/4408939339/1629903098931/index.html"; imagee[1] = "//s0.2mdn.net/dfp/370694/4823240283/1652207585517/index.html"; imagee2] = "//s0.2mdn.net/dfp/370694/4823240283/1652207585517/index.html"; var size = imagee.length var x = Math.floor(size*Math.random()) $('#banner').attr('src',imagee[x]); $('#refresh').click(function() { location.reload(); });

codepen-https://codepen.io/mithun-deshan/pen/VwQozrQ