Javascript生成的iframe显示在Chrome上，而不是其他任何地方

JSFIDLE可能是最好的解释方法

我使用以下JS从Youtube URL生成iframe对象：

window.onload = loadviddy();

function loadviddy() {
    var page = document.getElementById('main');
    anchor_finder = new RegExp('[^<p>]*(<a href="([^"]+)">http([^<]+)</a>)');
    url_finder = /http:\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?[\w\?=]*)?/;
    var video_id = page.innerHTML.match(url_finder);
    page.innerHTML = page.innerHTML.replace(anchor_finder, video_id[0]);
    var embed_code = '<div id="wrapper-rect"><div class="video"><div class="stretchy"><iframe src="https://www.youtube.com/embed/' + video_id[1] + '?hd=1&amp;rel=0&amp;autohide=1&amp;showinfo=0" frameborder="0" allowfullscreen="allowfullscreen">This browser does not support iframes.</iframe></div></div></div>';
    page.innerHTML = page.innerHTML.replace(url_finder, embed_code);
}

window.onload=loadviddy（）；
函数loadviddy（）{
var page=document.getElementById（'main'）；
anchor_finder=new RegExp（'[^]*（您是否使用相同的协议（http）运行）？您在JSFIDLE上的示例适用于我笔记本电脑上的所有浏览器。在协议不匹配之前，我遇到过类似的问题。就我而言，Chrome就是有问题的一个。
。stretchy{height:0px；
？？并从iframe src中删除协议这是
height:0
。这是一个允许高度与宽度成比例缩放的技巧，但我猜它只适用于Chrome。