2013-09-23 112 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网址可以更改并且比这更大。 –