将变量比较分配给 if/else 语句

Question

我正在使用一个条件语句，该语句根据用户在视频期间单击的时间返回结果。

目前我已经修复了比较值，因为我只有一个视频，但现在我正在添加更多视频，我想根据正在播放的视频使这些值可变。每个视频的每个章节都有不同的时间

//currently fixed values for one video    
$('#response').on('click', function() {
var mycurrentTime = myVid.currentTime;
if (mycurrentTime < 20) { //can '20' become "x"?
result = "chapter 1" ;
} else if (mycurrentTime < 40) {//can '40' become "y"?
result = "chapter 2" ;
} else {
result = "chapter 3" ;
}

完成第一个视频后，用户单击以移动到下一个视频，该视频使用innerHTML方法更改视频标签内容。

document.getElementById("videoElement").innerHTML = '<source src="video2.mp4">';

我不确定这是否可行，但我希望在视频源标签中添加"id=vid1"这样的东西，所以如果 #vid1 那么 x=25 y=47。为每个视频和章节分配值并将其分配给条件语句的最佳方法是什么？

Answer 1

我建议使用data属性。

document.getElementById("videoElement").innerHTML = '<source src="video2.mp4" data-x="25" data-y="25">';

要获取该值，请执行以下操作：

document.getElementById("videoElement").getAttribute('data-x');

要设置值：

document.getElementById("videoElement").setAttribute('data-x', val);