قبعة سناباك

وبصفتك ناشر فيديو، قد تحتاج إلى منع المشاهدين من تخطّي الإعلانات أثناء التشغيل عندما يتخطّى المستخدم الفاصل الإعلاني يمكنك إعادتها إلى بداية الفاصل الإعلاني، ثم إلى موقع البحث بعد اكتمال ذلك الفاصل الإعلاني. هذا النمط تسمى "Snapback".

كمثال، انظر الرسم التخطيطي أدناه. إذا كان المستخدم يشاهد فيديو ويقرر الانتقال من علامة 5 دقائق إلى 15 دقيقة. ومع ذلك، هناك فاصل إعلاني عند الوصول إلى علامة الـ 10 دقائق التي تريد ليتمكّنوا من مشاهدة المحتوى بعد انتهائه:

لعرض هذا الفاصل الإعلاني، اتّبِع الخطوات التالية:

1. تحقّق مما إذا كان المستخدم قد أجرى عملية بحث تجاوزت فاصل إعلاني لم تتم مشاهدته. وفي هذه الحالة، ارجع إلى الفاصل الإعلاني.
2. بعد اكتمال الفاصل الإعلاني، يمكنك إعادته إلى موضعه الأصلي.

وفي شكل الرسم التخطيطي، يبدو ذلك كما يلي:

في ما يلي طريقة تنفيذ العودة إلى الحالة السابقة باستخدام حزمة تطوير البرامج لإدراج إعلان ديناميكي لإعلانات الوسائط التفاعلية، كما هو موضّح في مثال متقدم.

منع التمرير حتى لا تتم مشاهدة فاصل إعلاني

تحقّق مما إذا كان المستخدم قد أجرى عملية بحث تجاوزت فاصل إعلاني لم تتم مشاهدته. وفي هذه الحالة، ارجع إلى الفاصل الإعلاني. في حزمة 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;
  }
}