javascript - 使用PHP，Ajax和文本框刷新youtube嵌入代码

Question

所以我一直在想这个。

我正在为我的项目创建一个“编辑”站点，在该编辑站点上，我希望有权访问该页面的人能够粘贴

/ watch？v = sometext

插入文本框，并让预览嵌入播放器使用此字符串并为他们显示新播放器，而无需加载其他页面，或者在他们实际将URL提交到数据库之前。

Answer 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中播放(您可以从“共享”按钮获取该ID)。

查看完整的示例，然后在文本框中粘贴完整的youtube视频。
http://jsfiddle.net/hescano/URcWZ/