将youtube链接转换为jwplayer嵌入代码

如何解决将youtube链接转换为jwplayer嵌入代码

| 我正在聊天，当有人发送youtube链接时，我想立即将其转换为可播放的视频。 因此，当用户以以下格式发送链接时

http://www.youtube.com/watch?v=kLORyXO8mVc

http://www.youtube.com/watch?v=kLORyXO8mVc&feature=related

它将链接转换为此代码

<div id=\'mediaspace\'>Youtube</div>
<script type=\'text/javascript\'>
  jwplayer(\'mediaspace\').setup({
    \'flashplayer\': \'player.swf\',\'file\': \'XXXXXX-YOUTUBE-VIDEO-URL-GOES-HERE-XXXXXX\',\'controlbar\': \'bottom\',\'width\': \'350\',\'height\': \'230\'
  });
</script>

也可以只采用这种格式的YouTube链接

http://www.youtube.com/watch?v=kLORyXO8mVc

以及用户发送的附加了

&feature

或更多链接的任何链接都将仅具有

http://www.youtube.com/watch?v=kLORyXO8mVc

这样的标准网址而被删除 这是我想出的，但没有用：

$().ready(function() {
    var regEx = /http://(www\\.)?youtube\\.com/watch\\?.*v=([a-zA-Z0-9]+)/;


    $(\"body\").filter(function() {
        return $(this).html().match(regEx);
    }).each(function() {
        $(this).html($(this).html().replace(regEx,\'
        <div id=\'mediaspace\'>Youtube</div>
        <script type=\'text/javascript\'>
          jwplayer(\'mediaspace\').setup({
            \'flashplayer\': \'player.swf\',\'file\': \'$1\',\'height\': \'230\'
          });
        </script>
        \'));
    });
});

    

解决方法

        您的代码在正则表达式中没有转义（您不能使用/ inside /不转义），或者您的替换字符串（在不转义中不能使用\'inside \'）。尝试这个：

var regEx = /http:\\/\\/(www\\.)?youtube\\.com\\/watch\\?.*v=([a-zA-Z0-9]+)/;

$(\"body\").filter(function() {
    return $(this).html().match(regEx);
}).each(function() {
    $(this).html($(this).html().replace(regEx,\"<div id=\'mediaspace\'>Youtube</div><script type=\'text/javascript\'>jwplayer(\'mediaspace\').setup({\'flashplayer\': \'player.swf\',\'file\': \'$1\',\'controlbar\': \'bottom\',\'width\': \'350\',\'height\': \'230\'});</scr\"+\"ipt>\"));
});