0

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

这是<li>我在 HTML 中的一对，其中“id”是实际的“YouTube 视频的 id”：

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

这是我硬编码开始和结束时间的 JS 部分：

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

我需要的：

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

2）从 HTML 中获取视频的信息，并在 JS 中将其用作变量，而不是在 JS 上硬编码为：...player.loadVideoById({'videoId': videoId, 'startSeconds': 40, 'endSeconds': 60});

4

1 回答 1

1

将它们放在data-li 标签中的属性中或将它们添加为类。

于 2013-09-29T10:59:26.300 回答