使用PHP,Ajax和amp;刷新youtube嵌入代码一个文本框

时间:2013-09-23 03:11:20

标签: javascript php ajax textbox youtube

所以我一直想知道这件事。

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

  • /观看?V = sometext

进入文本框,并让预览嵌入播放器获取此字符串,并在不加载其他页面的情况下或在实际将URL提交到数据库之前为其显示新播放器。

1 个答案:

答案 0 :(得分: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;
    }
};

这将从网址中删除videoID并在iframe中播放(您可以从共享按钮获取该视频ID)。

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