jQuery替換網址到視頻

Question

我有一個小腳本，我使用YoutubeAPI，現在我無法讓它工作，只要我發送id產生replace函數。我得到的視頻ID正確的我的視頻功能，但不知何故，它不適合我。我只想用視頻替換網址，我想保留'你好，這是一個帖子'。

我有http://jsfiddle.net/pb6e7ynh/

<script src="https://www.youtube.com/iframe_api"></script> 
<span id=msg> 
    Hello this is a post 
    https://www.youtube.com/watch?v=eLaNBbKJPfw 
</span> 

jQuery(function($){ 
    $('#msg').html(function(i, html) { 
     function video(id){ 
      var player; 
      console.log(id); 
      player = new YT.Player('msg', { 
       height: '174', 
       width: '309', 
       videoId: id, // videoId: 'eLaNBbKJPfw' 
       playerVars: { 
        enablejsapi: 1, 
        //controls: 0, 
        disablekb: 1, 
        fs: 0, 
        iv_load_policy: 3, 
        modestbranding: 1, 
        rel: 0, 
        showinfo: 0 
       } 
      });   
     } 
     test = html.replace(/(?:http|https:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g, '$1'); 
     video(test); 

    }); 
}); 

Answer 1

腳本，您應該使用其他元素創建YouTube播放器（見Fiddle），因爲該API將與iframe

HTML更換

<script src="https://www.youtube.com/iframe_api"></script> 
<span id="msg"> 
    Hello this is a post 
</span> 
<br> 
<span id="youtube"> 
    https://www.youtube.com/watch?v=eLaNBbKJPfw 
</span> 

JS

function video(id){ 
    var player; 
    console.log(id); 
    player = new YT.Player('youtube', { 
     height: '174', 
     width: '309', 
     videoId: id, // videoId: 'eLaNBbKJPfw' 
     playerVars: { 
      enablejsapi: 1, 
      //controls: 0, 
      disablekb: 1, 
      fs: 0, 
      iv_load_policy: 3, 
      modestbranding: 1, 
      rel: 0, 
      showinfo: 0 
     } 
    });   
} 

$(function(){ 
    var html, youtubeID; 
    html = $("#youtube").html(); 
    youtubeID = html.split("=")[1]; 
    video(youtubeID); 
}); 

有點更先進：Fiddle