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);

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

1 个答案: