我正在网站上开发动态 jwplayer 视频播放器,但无法使预览图像变为动态。我正在尝试使用多维数组来保持简洁,但似乎无法将第二个值(预览图像)包含在循环中。
videos = [];
videos.push([ "v1", video1, videoThumb1 ]);
videos.push([ "v2", video2, videoThumb2 ]);
videos.push([ "v3", video3, videoThumb3 ]);
videos.push([ "v4", video4, videoThumb4 ]);
videos.push([ "v5", video5, videoThumb5 ]);
$.each(videos, function(i, v, p) {
jwplayer(v[0]).setup({
file: v[1],
width: "100%",
aspectratio: "16:9",
image: p[1]
});
});
最佳答案
each 循环中的回调函数有两个参数:索引和项目。
本例中的此项是您的每个视频条目。
所以 v[0] 我们的名字 v[1] 是视频 v[2] 是 videoThumb
videos = [];
videos.push([ "v1", video1, videoThumb1 ]);
videos.push([ "v2", video2, videoThumb2 ]);
videos.push([ "v3", video3, videoThumb3 ]);
videos.push([ "v4", video4, videoThumb4 ]);
videos.push([ "v5", video5, videoThumb5 ]);
$.each(videos, function(i, v) {
jwplayer(v[0]).setup({
file: v[1],
width: "100%",
aspectratio: "16:9",
image: v[2]
});
});
关于javascript - 使用 jQuery .each 循环 JavaScript 多维数组时如何访问元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25553911/