如何將iframe替換爲另一個if type =「text/html」？

Question

我有這樣的：

<iframe type="text/html" width="640" height="360" 
src="http://widget.smartycenter.com/webservice/directYoutube/8982/YOUTUBE_CODE/640/360" 
frameborder="0" allowfullscreen="" scrolling="no"></iframe> 

如果iframe的類型是TYPE = 「text/html的」我將它更換成

<iframe width="560" height="315" src="//www.youtube.com/embed/YOUTUBE_CODE" 
frameborder="0" allowfullscreen></iframe> 

Answer 1

這將爲該類型的任何iframe的工作。

var frames = document.querySelectorAll('iframe[type="text/html"]'); 
for (var i = 0; i < frames.length; i++) { 
    var oldFrame = frames[i]; 

    var re = /http:\/\/widget\.smartycenter\.com\/webservice\/directYoutube\/\d{4}\/([^\/]+)\/640\/360/; 
    var code = re.exec(oldFrame.src)[1]; 
    var src = "//www.youtube.com/embed/" + code; 

    var newFrame = document.createElement('iframe'); 
    newFrame.width = 560; newFrame.height = 315; 
    newFrame.allowfullscreen = true; 
    newFrame.frameborder = 0; 
    newFrame.src = src; 

    oldFrame.parentElement.replaceChild(newFrame, oldFrame); 
} 

見小提琴這裏：http://jsfiddle.net/9a9t3/

請務必更改YOUTUBE_CODE在HTML節到你想要的代碼。