所以我一直想知道這一段時間。刷新youtube使用PHP,Ajax和文本框嵌入代碼
我創造了我的項目的編輯網站,並在此編輯網站,我想誰可以訪問網頁的人能夠粘貼
- /手錶?ν=
sometext
放入一個文本框中,並且預覽嵌入播放器接收此字符串併爲其顯示新播放器,而不加載另一個頁面,或者在它們實際提交URL到數據庫之前。
所以我一直想知道這一段時間。刷新youtube使用PHP,Ajax和文本框嵌入代碼
我創造了我的項目的編輯網站,並在此編輯網站,我想誰可以訪問網頁的人能夠粘貼
sometext
放入一個文本框中,並且預覽嵌入播放器接收此字符串併爲其顯示新播放器,而不加載另一個頁面,或者在它們實際提交URL到數據庫之前。
試試下面的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/
通過一點編輯,我終於找到了工作。隊友的歡呼聲。關於如何製作的任何想法,以便您不必「提交」預覽?即;如果您輸入11個字符,符號和數字(Youtube鏈接的確切長度)並且忽略文本框 - 它會自動進行這些更改,就像我按下按鈕一樣。 – Selfrot
只需實現文本框的模糊事件。儘管YouTube網址可以更改並且比這更大。 –
你能發表你試過的代碼嗎? – bansi