扣回

作为视频发布商,您可能希望阻止观看者 可让您跳过中贴片广告如果用户跳过广告插播时间点, 则可以返回广告插播时间点的开头,然后返回 在广告插播结束后,将用户跳转到其跳转位置。这个 这个功能叫做“snapback”。

有关示例,请参见下图。你的观看者正在观看视频 并决定从 5 分钟标记跳到 15 分钟标记之间。 不过,在视频的 10 分钟处有一个广告插播时间点 让他们先看完视频,然后再观看后面的内容:

要展示此广告插播时间点,请按以下步骤操作:

  1. 检查用户运行的搜索是否跳过了未观看的广告插播时间点; 如果是,则将他们返回到广告插播时间点。
  2. 广告插播结束后,将其返回其原始跳转模式。

以图表形式显示的数据如下所示:

以下是使用 IMA DAI SDK 实现跳回的方法,如 高级示例

防止跳转时不观看广告插播时间点

检查用户运行的搜索是否跳过了未观看的广告插播时间点, 如果是,则将他们返回到广告插播时间点。 在 HTML5 SDK 中,针对内容播放器的 seeked 事件设置事件监听器 可触发 onSeekEnd()。该方法(如下所示)会检查广告插入点 播放到指定时间之前如果该项未播放,跳转至该部分的开头 而不是初始所需的定位点,然后将这个 snapForwardTime 中的定位点。

function onSeekEnd() {
  if (isLiveStream) { return; }
  if (isSnapback) {
    isSnapback = false;
    return;
  }
  var currentTime = videoElement.currentTime;
  var previousCuePoint =
      streamManager.previousCuePointForStreamTime(currentTime);
  if (previousCuePoint && !previousCuePoint.played) {
    isSnapback = true;
    snapForwardTime = currentTime;
    videoElement.currentTime = previousCuePoint.start;
}

让用户回到其原始跳转

现在,当您收到 AD_BREAK_ENDED 事件时,请检查 snapForwardTime 。如果是这样,请将用户转到视频流中的相应位置,因为广告 是因为“快拍”产生的结果:

function onAdBreakEnded(e) {
  videoElement.controls = true;
  clickElement.style.display = 'none';
  adUiDiv.style.display = 'none';
  if (snapForwardTime && snapForwardTime > videoElement.currentTime) {
    videoElement.currentTime = snapForwardTime;
    snapForwardTime = null;
  }
}