我一直在开发一个插件,除了其他功能之外,它还添加了midroll标记的midroll标记。
Here是示例代码。它是我一直在努力的更大插件的一部分。
player.on("loadedmetadata", function () {
for(var m = 0; m < midrollPoints.length; m++)
{
var newMarker = document.createElement("div");
newMarker.className = "vjs-midroll-marker";
newMarker.style.left = midrollPoints[m] / player.duration() * 100 + "%";
player.el().querySelector('.vjs-progress-holder').appendChild(newMarker);
}
});
无论出于何种原因,在loadedmetadata触发时,播放器正在播放预卷广告,因此播放器的“持续时间”设置为广告的“持续时间”。这与添加标记的代码混淆,因为它们偏离绝对时间码值。
仅在
时发生也许我最好在某个地方定义持续时间?