javascript - 将变量比较分配给 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);