如何应用youtube嵌入代码(如果string是youtube url)

时间:2013-12-01 20:56:58

标签: javascript jquery regex

我试图从youtube网址应用嵌入代码,一切正常。 但我想找到解决方案,如果字符串不是youtube链接,那么不要应用嵌入代码。

这是我的代码

$(document).ready(function() {

$('.youtube').html(function(i,v){

    var id = v.split('watch?v=')[1]; // get the id so you can add to iframe
    return '<iframe width="490" height="300" src="http://www.youtube.com/embed/' + id +"?wmode=opaque"+ '" frameborder="0" allowfullscreen></iframe>';
});
});

我真的不知道该怎么做?有谁可以帮助我?

1 个答案:

答案 0 :(得分:1)

我会在运行你的分割函数之前添加一个条件来寻找'watch?v ='的索引。

像这样:

$(document).ready(function() {
    $('.youtube').html(function(i,v){
        // check for an instance of 'watch?v='
        if (v.indexOf('watch?v=') !== -1) {
            var id = v.split('watch?v=')[1]; // get the id so you can add to iframe
            return '<iframe width="490" height="300" src="http://www.youtube.com/embed/' + id +"?wmode=opaque"+ '" frameborder="0" allowfullscreen></iframe>';
        } else {
            // return full url as string if not a youtube
            return v;
        }
    });
});

希望有所帮助!