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