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

Question

所以我一直在想这个问题。

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

• /看?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;
    }
};

这将从 url 中剥离 videoID 并在 iframe 中播放（您可以从共享按钮获得）。

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