Javascript “增加价值”；李",；并在JS中将其用作仅适用于特定li的变量

我正在使用YouTube API使用视频id将视频自动播放为序列，现在我还需要添加根据特定视频不同的开始和结束时间

下面是我HTML中的一对

，其中“id”是实际的“YouTube视频的id”：

我需要的是：

1） 我需要在我的HTML中包含视频开始和结束时间的信息

---

2） 从HTML中获取视频信息，并在JS中作为变量使用，而不是在JS中硬编码为：

…player.loadVideoById（{'videoId'：videoId，'startSeconds'：40，'endSeconds'：60}）
将它们放入li标记中的
数据-
属性中，或者将它们添加为类。
我认为这与api无关，因为我已经让它工作了。我只需要在我的html列表中添加值，并在JS中使用它们作为变量。您可以将它们放在
li
标记中的
data-
属性中吗？
<li data-pile="pile1" id="CH7ysrZXDSw" class="md-trigger md-setperspective" data-modal="modal-1">
      <img src="../images/video-thumbnail1.png" alt=""/>
/li>
<li data-pile="pile1" id="kQKhpVWBjoQ" class="md-trigger md-setperspective" data-modal="modal-1">
      <img src="../images/video-thumbnail2.png" alt=""/>
</li>

function playVideo(videoId, cb) {
    if(videoId) {
        myModal.find('.md-video').append($videoDiv);
        myModal.addClass('md-show');
        setTimeout(function () {
            console.log('#### id', videoId);
            player.loadVideoById({'videoId': videoId, 'startSeconds': 40, 'endSeconds': 60});
            player.videoEnded = function () {
                cb && cb();
            };

            player.waitForChanges();
        }, 1000);
    }
}