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

我有這樣的：如何將iframe替換爲另一個if type =「text/html」？

<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>

來源

2014-01-22 user204415

我明白這一點：你問如何使iframe具有該類型的url更改。 – rvighne

是的，就是這樣。我只想更改網址 – user204415

我想從youtube.com獲得原始網址 – user204415

這將爲該類型的任何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節到你想要的代碼。

來源

2014-01-22 04:18:13 rvighne

它不起作用，請在第一篇文章中進行測試。 http://goo.gl/aQFE0I – user204415

@ user204415我不懂西班牙語。你能說英文不起作用嗎？ – rvighne

好吧，我試圖用tampermonkey運行你的代碼，它不會改變src。 – user204415

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

回答

相關問題