Javascript 更改来自JSON的属性
需要在列表中,当您按下项目上的enter键时,切换到相应的视频,即更改标记src=的属性 JSON视频的路径:Javascript 更改来自JSON的属性,javascript,jquery,json,Javascript,Jquery,Json,需要在列表中,当您按下项目上的enter键时,切换到相应的视频,即更改标记src=的属性 JSON视频的路径: data.query.results.channel.item.guide.content.url javascript: $.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D'http%3A%2F%2Frss.cnn.com%2Fservices%
data.query.results.channel.item.guide.content.url
javascript:
$.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D'http%3A%2F%2Frss.cnn.com%2Fservices%2Fpodcasting%2Fac360%2Frss.xml'%20AND%20itemPath%3D%22%2F%2Fchannel%22&format=json&diagnostics=true&callback=?", function (data) {
// Load Titles patch Json
var titles = data.query.results.channel.item.guide.content.map(function (item) {
return item.title;
});
$(".container-list-podcast ul").append('<li>' + titles.join('</li><li>'));
// Load Navigation Only Key
a = $('.nav_holder li').keynav(function () {
return window.keyNavigationDisabled;
});
});
试试这个:
您只需要更新标记的src属性吗?如果是这样,您可以使用$myvideo.attrsrc,http://new-video-source.com/video;你好Mangesh谢谢你的回复,我把视频链接只在html的例子,但当网页加载必须始终携带最新的视频播客。你能告诉我那是什么吗?谢谢,是的,我知道。检查我给出的JSFIDLE链接。当页面加载时,它会携带视频链接,当您单击链接时,它会播放该视频。
$.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D'http%3A%2F%2Frss.cnn.com%2Fservices%2Fpodcasting%2Fac360%2Frss.xml'%20AND%20itemPath%3D%22%2F%2Fchannel%22&format=json&diagnostics=true&callback=?", function (data) {
// Load Titles patch Json
console.log(data.query.results.channel.item);
var titles = data.query.results.channel.item.map(function(item) {
return item.title;
});
var urls = data.query.results.channel.item.map(function(item) {
return item.origLink;
});
console.log(titles);
$(".container-list-podcast ul").append('<li>' + titles.join('</li><li>'));
$(".container-list-podcast ul li").each(function(key, value){
var text = $(this).text();
$(this).html('<a href="' + urls[key] + '">' + text + '</a>');
});
$(".container-list-podcast ul li a").click(function(){
var href = $(this).attr('href');
alert(href);
$("#myvideo").attr("src", href).get(0).play();
return false;
})
// Load Navigation Only Key
a=$('.nav_holder li').keynav(function() {
return window.keyNavigationDisabled;
});
});