【问题标题】:Adding youtube videos to a web app将 youtube 视频添加到网络应用程序
【发布时间】:2011-06-30 08:44:27
【问题描述】:
我正在开发一个实际上允许用户添加 youtube 视频的小部件,不同的用户应该能够添加不同的视频。例如,如果用户 A 可以添加说“x”视频,他只需复制并粘贴它,用户 B 可以添加说“y”视频。我提供了一个文本框来粘贴你的视频链接。我在前端使用 jquery。
【问题讨论】:
标签:
jquery
jquery-ui
youtube
google-api
youtube-api
【解决方案1】:
您可以使用 jQuery 创建 iframe 并将源设置为 youtube 视频 url。
像这样:
$("#somebutton").click(function(){
var srcurl = $("#textbox").val();
$("#mydiv").html("<iframe title=\"YouTube video player\" width=\"640\" height=\"390\" src=\"" + srcurl + "frameborder=\"0\" allowfullscreen></iframe>");
});