我正在尝试创建一个视频网站,其顶部有一排图像,每个图像代表一个视频文件,下面是视频和标题的占位符。在按下这些图像时,我需要它们来更改视频文件并替换标题。有50多个视频,我最好的选择是在XML文件中列出标题并从那里加载标题? 如果是这样,最好的方法是什么?
干杯
答案 0 :(得分:0)
以JSON格式制作视频标题会好得多:
videoTitles = ['Title 1', 'Title 2', ...];
$.each(videoTitles, function(n, title) {
// Do something with the title
});
您还可以轻松使用$.getJSON来阅读服务中的标题。
要更改标题,您可以使用以下HTML:
<div class="video-thumbnail" title="Video Title 1"><img src="video thumbnail 1" ></div>
<div class="video-thumbnail" title="Video Title 2"><img src="video thumbnail 2" ></div>
title属性可以使用javascript或服务器端脚本填充。然后在jQuery中:
$(".video-thumbnail").click(function() {
var titleClicked = $(this).attr("title");
$("#SelectedVideoTitle").html(titleClicked);
});