所以我一直想知道这一段时间。刷新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