带有多个视频的Youtube javascript API(和ASP)
Youtube javascript API (& ASP) with multiple videos
我让ASP在我的页面上生成嵌入代码,如下所示:
Table1.Rows(0).Cells(0).Text = "<object style=""height: 390px; width: 640px"" id=""ytplayer_object_left"">" & _
"<param name=""movie"" value=""https://www.youtube.com/v/UASyS-jUKKI?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_left"">" & _
"<param name=""allowfullscreen"" value=""true"">" & _
"<param name=""allowscriptaccess"" value=""always"">" & _
"<embed src=""https://www.youtube.com/v/UASyS-jUKKI?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_left"" type=""application/x-shockwave-flash"" allowfullscreen=""true"" allowscriptaccess=""always"" width=""425"" height=""344"" id=""ytplayer_left""></object>"
Table1.Rows(0).Cells(2).Text = "<object style=""height: 390px; width: 640px"" id=""ytplayer_object_right"">" & _
"<param name=""movie"" value=""https://www.youtube.com/v/uasys-jukki?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_right"">" & _
"<param name=""allowfullscreen"" value=""true"">" & _
"<param name=""allowscriptaccess"" value=""always"">" & _
"<embed src=""https://www.youtube.com/v/uasys-jukki?version=3&feature=player_embedded&controls=0&enablejsapi=1&showinfo=0&iv_load_policy=3&playerapiid=ytplayer_right"" type=""application/x-shockwave-flash"" allowfullscreen=""true"" allowscriptaccess=""always"" width=""425"" height=""344"" id=""ytplayer_right""></object>"
我已经确保两者的ID不同,并且为两者正确调用了onYouTubePlayerReady(id)(返回"ytplayer_left"和"ytplayer_right")。但是,我无法将每个视频作为不同的javascript变量获取,因此我可以独立播放/暂停它们。
这是我尝试过的代码:
var vid_left;
var vid_right;
function onYouTubePlayerReady(id) {
alert(id);
if (id = 'ytplayer_right') {
vid_right = document.getelementbyId(id);
alert(vid_right);
}
if(id = 'ytplayer_left') {
vid_left = document.getelementbyId(id);
alert(vid_left);
}
有什么帮助吗?谢谢。
两个问题:
- 使用
document.getElementById
(带大写字母)。 - 使用
==
比较变量,而不是=
。
法典:
var vid_left, vid_right;
function onYouTubePlayerReady(id) {
alert(id);
if (id == 'ytplayer_right') {
vid_right = document.getElementById(id);
alert(vid_right);
} else if(id == 'ytplayer_left') {
vid_left = document.getElementById(id);
alert(vid_left);
}
}
我不确定你能用getElementById获得标签。尝试:
var object = document.getElementById(objectID)
var embed = object.getElementsByTagName('embed')[0];
相关文章:
- 对/Token的ASP Web API调用间歇性
- 如何通过AngularJS$http从ASP.Net Web API 2获取访问令牌
- 使用ASP.Net MVC Web Api将JSON数据导出到Excel工作表
- 在ASP.NET Web API 2项目中设置Angular路由
- ASP.NET Web API 控制器更新行
- ASP.NET Web API 2 - 如何开机自检
- Web API 应用程序中 asp.net 路由和路由前缀问题
- asp.net Web API 405 方法不允许、发布、自定义操作
- jQuery ajax post current date time ASP.NET web API
- AngularJS $http.post ASP.NET 具有简单类型参数的 Web API 控制器
- 将 Excel 文件发送到 ASP.NET Web API
- Asp.net web api Session
- 使用 Angular 返回已在 ASP.NET API 中的其他表数据
- 带有多个视频的Youtube javascript API(和ASP)
- 如何使用跨域AJAX调用保护ASP.NET Web API的安全
- 在asp.net web api中添加一个额外的get方法
- Asp-net-web-api输出带有字母T的日期时间
- ASP.NET MVC 3 and Google Maps API
- 如何使旧的Twitter API方法在ASP.Net网站上工作
- 如何使用ASP.NET Web API+AngularJs基于cookie的身份验证来验证cookie