作为视频发布商,您可能希望阻止观看者跳过中贴片广告。当用户跳过广告插播时间点时,您可以将他们带回广告插播时间点的开头,然后在广告插播结束后将用户返回到其跳转位置。此功能称为“弹跳”。
例如,请参见下图。您的观看者正在观看视频,并决定从 5 分钟标记到 15 分钟标记。不过,如果您希望用户在观看 10 分钟标记处观看一个广告插播时间点,便可以在看完之后观看内容:
若要显示此广告插播时间点,请按以下步骤操作:
- 检查用户是否执行的搜寻跳过了未观看的广告插播时间点,如果有,则让用户返回到广告插播时间点。
- 广告插播时间点结束后,返回其原始跳转位置。
在示意图中,如下所示:
下面展示了如何使用 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;
}
}