jQuery的 - Youtube鏈接到嵌入式

試圖把YouTube的鏈接到嵌入式，但我的jQuery似乎沒有從鏈接jQuery的 - Youtube鏈接到嵌入式

抓取視頻ID，我的JQuery：

$('.a').html(function(i, html) { 
return html.replace(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g,'<iframe width="150" height="150" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>'); 
});

我的HTML：

<div class="a">http://www.youtube.com/watch?v=w_yudtBvhCsc</div> 
<div class="a">http://www.youtube.com/watch?v=w_yudtBvhCsd</div>

林無言以對......

來源

2013-02-15 Jeft Lebowski

我猜你在HTML無法控制？ – 2013-02-15 22:41:36

使用'embed'或'object' http://www.w3schools.com/html/html_object.asp – Dom 2013-02-15 22:44:45

@Dom只要你知道，w3schools在這裏皺起了眉頭。改用MDN：https：//developer.mozilla.org/ – 2013-02-15 22:46:26

你可以使用分裂..

$('.a').html(function(i,v){ 
    var id = v.split('watch?v=')[1]; // get the id so you can add to iframe 
    return '<iframe width="150" height="150" src="http://www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>'; 
});

http://jsfiddle.net/nzvYv/

來源

2013-02-15 22:58:52

這很奇怪。只要我搗鼓它，它停止工作...另一個說明，如果我的硬編碼身份證，它會工作得很好，但它沒有抓住鏈接的ID ... IM非常困惑 – 2013-02-15 23:17:34

請參閱鏈接：http：/ /jsfiddle.net/T6Nja/ – 2013-02-15 23:22:57

jQuery的 - Youtube鏈接到嵌入式

回答

相關問題