2013-09-23 65 views
0

所以我一直想知道這一段時間。刷新youtube使用PHP,Ajax和文本框嵌入代碼

我創造了我的項目的編輯網站,並在此編輯網站,我想誰可以訪問網頁的人能夠粘貼

  • /手錶?ν= sometext

放入一個文本框中,並且預覽嵌入播放器接收此字符串併爲其顯示新播放器,而不加載另一個頁面,或者在它們實際提交URL到數據庫之前。

+0

你能發表你試過的代碼嗎? – bansi

回答

1

試試下面的JavaScript函數:

document.getElementById("btn").onclick = function() 
{ 
    var url = document.getElementById("txt").value; 
    if (url !== "") 
    { 
     var video_id = url.split('v=')[1]; 
     var ampersandPosition = video_id.indexOf('&'); 
     if (ampersandPosition != -1) { 
      video_id = video_id.substring(0, ampersandPosition); 
     } 

     document.getElementById("myFrame").src = "//www.youtube.com/embed/" + video_id; 
    } 
}; 

將從一個網址中去除視頻ID,並在iframe中發揮它(一個你可以從分享按鈕獲取)。

查看完整的示例,並在文本框中粘貼完整的YouTube視頻。 http://jsfiddle.net/hescano/URcWZ/

+0

通過一點編輯,我終於找到了工作。隊友的歡呼聲。關於如何製作的任何想法,以便您不必「提交」預覽?即;如果您輸入11個字符,符號和數字(Youtube鏈接的確切長度)並且忽略文本框 - 它會自動進行這些更改,就像我按下按鈕一樣。 – Selfrot

+0

只需實現文本框的模糊事件。儘管YouTube網址可以更改並且比這更大。 –