You are on page 1of 16

<!

DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="https://static.surfe.be/notif-icon.png" type="image/png"


sizes="16x16">

<meta property="og:title" content="Surfe.be - Banner advertising placement


service" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://surfe.be/video/view/873103" />
<meta property="og:image"
content="http://static.surfe.be/images/snippet/og_image_en.jpg" />
<meta http-equiv="Content-Security-Policy"
content="default-src 'self' 'unsafe-inline' 'unsafe-eval' *.surfe.be
*.surfe.pro code.jivo.ru; style-src 'self' 'unsafe-inline' *.surfe.be *.surfe.pro
use.fontawesome.com fonts.googleapis.com code.jivo.ru; script-src 'self' 'unsafe-
inline' 'unsafe-eval' *.surfe.be *.surfe.pro surfe.pro cdn.amplitude.com
www.google.com www.youtube.com s.ytimg.com *.yandex.ru yastatic.net
www.googletagmanager.com code.highcharts.com www.gstatic.com www.google-
analytics.com code.jquery.com an.yandex.ru code.jivo.ru; font-src 'self' *.surfe.be
*.surfe.pro fonts.gstatic.com use.fontawesome.com; frame-src 'self' surfe.be
surfe.pro *.surfe.be www.google.com www.youtube.com www.youtube-nocookie.com
profit24.me surfearner.com yastatic.net; img-src 'self' blob: data: *.surfe.be
*.surfe.pro surfe.pro *.yandex.ru *.yandex.net *.yandex.com counter.yadro.ru
www.google-analytics.com i.ytimg.com img.youtube.com chart.googleapis.com
*.userapi.com *.googleusercontent.com code.jivo.ru *.jivosite.com; connect-src
'self' surfe.be *.surfe.be surfe.pro *.surfe.pro *.yandex.ru *.yandex.com
surfearner.com www.google-analytics.com api.amplitude.com code.jivo.ru
*.jivosite.com wss://*.jivosite.com">
<meta name="csrf-param" content="_csrf">
<meta name="csrf-token" content="BailrLLTNJnC4-VF_ZY_tK9yuzCgDHOPS55RtFBSMWtm8OPmg-
BS9qu2hHGU7gbb4yrYYNJ_O98l-z3tMwEEGQ==">
<title>Video - Surfe.be</title>

<meta name="description" content="The service of placing banners on the


websites of the advertising network Surfe.be or in browser extension, placing video
advertisements, ordering traffic to the site.">
<link href="/assets/b2fcef4a/css/bootstrap.css" rel="stylesheet">
<link href="/static/flatonica/css/reboot.min.css" rel="stylesheet">
<link href="/static/flatonica/css/slick.css" rel="stylesheet">
<link href="/static/flatonica/css/slick-theme.css" rel="stylesheet">
<link href="/static/flatonica/css/main.css?4" rel="stylesheet">
<link href="/static/flatonica/css/media.css" rel="stylesheet">
<link href="/static/flatonica/css/dark-theme.css?2" rel="stylesheet">
<link href="/static/flatonica/css/achievements.css?1" rel="stylesheet">
<link href="/static/css/daterangepicker.css?1" rel="stylesheet">
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"

integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossorigin="anonymous">

<script src="/static/flatonica/js/jquery-3.3.1.min.js"></script>
</head>
<body data-uid="536702" class=" jdiv-hidden">
<div class="body">
<header id="header">
<div class="container">
<div class="row headerLoader">
<div class="headerLoader__switch">
<div
class="headerLoader__switch__item"></div>
</div>
<div class="headerLoader__ext">
<div
class="headerLoader__ext__item"></div>
</div>
<div class="headerLoader__profile">
<div class="d-flex">
<div
class="headerLoader__profile__icon">
<svg width="24" height="24"
viewBox="0 0 24 24">
<path fill-
rule="evenodd" clip-rule="evenodd" d="M19 2H2C1.44772 2 1 2.44772 1
3V15H3V4H19V2ZM14 22.5L16.8 19H22C22.5523 19 23 18.5523 23 18V7.103C23 6.55072
22.5523 6.103 22 6.103H6C5.44772 6.103 5 6.55072 5 7.103V18C5 18.5523 5.44772 19 6
19H11.2L14 22.5Z"></path>
</svg>
</div>
<div
class="headerLoader__profile__icon">
<svg width="20" height="24"
viewBox="0 0 19 24">
<path d="M6.18
21.8a3.626 3.626 0 0 0 3.313 2.162c1.477 0 2.75-.89 3.313-2.162z"/>
<path
d="M9.5
2.29c.974 0 1.91.171 2.78.486V2.67A2.672 2.672 0 0 0 9.61 0h-.22a2.672 2.672 0 0 0-
2.67 2.67v.105a8.157 8.157 0 0 1 2.78-.486z"/>
<path
d="M18.269
20.397H.722a.715.715 0 0 1-.705-.548.682.682 0 0 1 .375-.777c.07-.045.602-.417
1.133-1.54.977-2.063 1.181-4.969 1.181-7.044A6.796 6.796 0 0 1 9.495 3.7a6.796
6.796 0 0 1 6.789 6.788c0 2.075.205 4.981 1.181 7.044.532 1.123 1.063 1.495 1.133
1.54a.682.682 0 0 1 .376.777.715.715 0 0 1-.705.548z"/>
</svg>
</div>
</div>
<div
class="headerLoader__profile__attr">
<div
class="headerLoader__profile__item headerLoader__profile__item__photo"></div>
<svg width="12" height="7"
viewBox="0 0 12 7" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00002
4.43316L10.2429 0.190308L11.4549 1.40231L6.00002 6.85716L0.545166 1.40231L1.75717
0.190308L6.00002 4.43316Z"></path>
</svg>
</div>
</div>
</div>
</header>
<nav id="sideNav" data-ajaxe="false">
<div class="nav-top"><a href="/" class="nav-logo" data-
ajaxe="true"><img src="https://static.surfe.be/images/LOGO-new-full-white.png"
alt="logo"></a><a href="?language=en-US" class="nav-language" title="Switch to
English" data-ajaxe="true"><div class="nav-language--ico"><img
src="/static/flatonica/img/Russian.svg" alt="ico"></div><div class="nav-language--
dots"><span class="active"></span><span class=""></span></div></a></div>
<div class="navLoader__button"></div>
<ul class="nav-list">
<li class="navLoader__list__item"></li>
<li class="navLoader__list__item"></li>
<li class="navLoader__list__item"></li>
<li class="navLoader__list__item"></li>
<li class="navLoader__list__item"></li>
<li >
<div class="nav-list--item trigger">
<div class="nav-list--ico ">
<svg width="16" height="16"
viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path fill-
rule="evenodd" clip-rule="evenodd" d="M1.33301 8.00004C1.33301 11.682 4.31767
14.6667 7.99967 14.6667C11.6817 14.6667 14.6663 11.682 14.6663 8.00004C14.6663
4.31804 11.6817 1.33337 7.99967 1.33337C4.31767 1.33337 1.33301 4.31804 1.33301
8.00004ZM13.3327 8.00008C13.3327 10.9456 10.9449 13.3334 7.99935 13.3334C5.05383
13.3334 2.66602 10.9456 2.66602 8.00008C2.66602 5.05456 5.05383 2.66675 7.99935
2.66675C10.9449 2.66675 13.3327 5.05456 13.3327 8.00008ZM8.66634
10V11.3334H7.33301V10H8.66634ZM8.66603 9.33342V8.90341C9.76178 8.57681 10.4596
7.5045 10.3144 6.37035C10.1693 5.23621 9.2239 4.37421 8.08121 4.3341C6.93853
4.29398 5.93502 5.08758 5.71069 6.20875L7.01869 6.47075C7.12194 5.9542 7.6082
5.60631 8.13042 5.67538C8.65264 5.74445 9.03173 6.20679 8.99714 6.73242C8.96255
7.25805 8.52613 7.66672 7.99936 7.66675C7.63117 7.66675 7.33269 7.96523 7.33269
8.33342V9.33342H8.66603Z"></path>
</svg>
</div>
<span>Help</span>
<div class="nav-list--arrow">
<svg width="18" height="18"
viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00054
9.879L12.713 6.1665L13.7735 7.227L9.00054 12L4.22754 7.227L5.28804 6.1665L9.00054
9.879Z"></path>
</svg>
</div>
</div>
</li>
<ul class="nav-list nav-list--bottom">
<li id="menu-chat-link">
<a href="tg://resolve?
domain=surfe_be" class="nav-list--item">
<div class="nav-list--ico">
<svg width="14"
height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.61039 7.25962C1.61039 7.25962 6.90852 5.08524 8.74602 4.31962C9.45039 4.01337
11.8391 3.03337 11.8391 3.03337C11.8391 3.03337 12.9416 2.60462 12.8498
3.64587C12.8191 4.07462 12.5741 5.57524 12.3291 7.19837C11.9616 9.49524 11.5635
12.0065 11.5635 12.0065C11.5635 12.0065 11.5023 12.7109 10.9816 12.8334C10.461
12.9559 9.60352 12.4046 9.45039 12.2821C9.32789 12.1902 7.15352 10.8121 6.35727
10.1384C6.14289 9.95462 5.89789 9.58712 6.38789 9.15837C7.49039 8.14774 8.80727
6.89212 9.60352 6.09587C9.97102 5.72837 10.3385 4.87087 8.80727 5.91212C6.63289
7.41274 4.48914 8.82149 4.48914 8.82149C4.48914 8.82149 3.99914 9.12774 3.08039
8.85212C2.16164 8.57649 1.08977 8.20899 1.08977 8.20899C1.08977 8.20899 0.354768
7.74962 1.61039 7.25962Z"></path>
</svg>
</div>
<span>Telegram</span>
</a>
</li>
<li id="menu-app-link">
<a href="/site/google-app"
class="nav-list--item" data-ajaxe="true">
<div class="nav-list--ico">
<svg width="14"
height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.10525 1.05823L8.04533 7.00006L2.10583 12.9419C2.00022 12.8975 1.91008 12.8229
1.84677 12.7274C1.78346 12.6319 1.74979 12.5198 1.75 12.4052V1.59489C1.75005
1.48046 1.78375 1.36856 1.84692 1.27313C1.91008 1.17771 1.99992 1.10297 2.10525
1.05823ZM8.45775 7.41248L9.80058 8.75531L3.42067 12.4496L8.45775 7.41248ZM10.3238
5.54698L11.9613 6.49548C12.0496 6.54676 12.123 6.62036 12.174 6.70891C12.225
6.79747 12.2519 6.89787 12.2519 7.00006C12.2519 7.10226 12.225 7.20266 12.174
7.29121C12.123 7.37977 12.0496 7.45337 11.9613 7.50464L10.3233 8.45314L8.87017
7.00006L10.3238 5.54698ZM3.42067 1.55056L9.80117 5.24423L8.45775 6.58764L3.42067
1.55056Z"></path>
</svg>
</div>
<span>Get App</span>
</a>
</li>
</ul>
</ul>
</nav>

<div class="main">
<div id="content" class="container">
<!-- <script src="https://www.youtube.com/iframe_api"></script>
<script src="https://apis.google.com/js/platform.js"></script> -->

<div class="d-flex justify-content-between">


<h2 class="msg-title" data-fin="You earned $0.00095865" data-vol="Please turn
up the volume"
data-end="Turn on video playback"></h2>
<h1 id="timer" class="float-right"><span>30</span> sec.</h1>
<a class="btn btn-red btn-lg" id="video-btn-bottom"
href="https://surfe.be/ext/click/?id=873103"
data-ajaxe="false">12000 КАЖДЫЕ 7 МИНУТ! ТОП КОМПАНИЯ </a>
</div>

<div class="tac" style="margin-top: 30px;box-shadow: 0 0 100px 0 rgba(0,0,0,.75);">


<div id="videoframe" class="mb-10"
data-link="https://www.youtube.com/watch?v=uVO6tuyZzZA&t=21s"
data-hostingid="uVO6tuyZzZA"
data-hosting="www.youtube.com"
data-captcha="0"
data-dur="30"

data-action="aHR0cHM6Ly9zdXJmZS5iZS92aWRlby9maW5pc2g/dmlkPTg3MzEwMyZoYXNoPWV5SjBlWE
FpT2lKS1YxUWlMQ0poYkdjaU9pSklVekkxTmlKOS5leUpwYzNNaU9pSm9kSFJ3Y3pvdkwzTjFjbVpsTG1Kb
Elpd2lhV0YwSWpveE56QTVOalU1TkRjMExDSmtZWFJoSWpvaU9EY3pNVEF6T2pVek5qY3dNam94TnpBNU5q
VTVOVEEwSW4wLjVSdWs5ek43M3MxaTlxWDdnc3FNYVhBMnRLVDkyNXNUU21kNS0tWFd0SU0="
data-key="409a0163bf18e39614312e35ece5161f"
data-id="873103"
data-abuse="A violation message was sent. Do you want to close this
window?"
data-minimize="Minimize the video and solve the captcha to complete the
task"
>
<div id="player"></div>
<div id="captcha-wrap"></div>
<div id="finish-wrap">
<div id="close-btn">&times;</div>
<p class="fs-16">Video viewing is complete</p>
<a class="btn btn-red btn-lg" id="video-btn"
href="https://surfe.be/ext/click?id=873103"
data-ajaxe="false">12000 КАЖДЫЕ 7 МИНУТ! ТОП КОМПАНИЯ </a>
</div>
</div>
</div>
<div class="tar mb-20">
<a href="/ext/rating?
token=848469:a59490fbb674b368ca275139e251d380&id=873103&val=0" id="abuse-btn"
class="btn btn-primary"
data-ajaxe="false">
Report a problem with this video </a>
</div>

<div class="tac">
<script src="//static.surfe.pro/js/net.js"></script>
<ins class="surfe-be" data-sid="294938"></ins>
<script>(adsurfebe = window.adsurfebe || []).push({});</script>
</div>

<style>
html, body {
font-family: 'Montserrat', sans-serif;
background-color: #222;
color: #fff;
min-height: 100%;
}

.body {
padding-left: 0;
padding-top: 1em;
}

.container {
max-width: 1024px;
min-width: 768px;
}
h1 {
text-align: right;
}

.msg-title, .navbar, .footer, #tlgrm-join-us,


#finish-wrap, #captcha-wrap, #sidebar {
display: none;
}

header, nav, footer {


display: none !important;
}

div#videoframe {
position: relative;
width: 100%;
padding-top: 56.25%;
background-color: #ddd;
}

#player {
position: absolute;
top: 0;
right: 0;
}

#finish-wrap, #captcha-wrap {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
top: 0;
padding-top: 22%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}

#close-btn {
position: absolute;
width: 20px;
height: 20px;
top: 10px;
right: 20px;
font-size: 40px;
line-height: 20px;
cursor: pointer;
}

#video-btn-bottom {
float: right;
display: none;
}

#container {
margin-top: 10px;
}

.btn-secondary {
border: 0;
color: #000;
transition: 0.5s;
}

.msg-title {
background: #ffc50a;
color: #333;
border-radius: 5px;
padding: 3px 15px;
}

.tar {
text-align: right;
}

.tac {
text-align: center;
}

.mb-10 {
margin-bottom: 10px;
}

.mb-20 {
margin-bottom: 20px;
}

#frame-bug-msg {
color: white;
background: #ca0a0a;
padding: 10px 15px;
border-radius: 8px;
}

.main {
padding-bottom: 0;
}

</style>
</div>
</div>

<footer id="footer"></footer>
</div>

<div id="counters-block">
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async =
1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js",
"ym");
ym(32204314, "init", {
clickmap: false,
trackLinks: true,
accurateTrackBounce: true,
webvisor: false,
ecommerce: "metrikaData"
});
window.metrikaData = window.metrikaData || [];
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/32204314"
style="position:absolute; left:-9999px;" alt=""/></div>
</noscript>
<!-- /Yandex.Metrika counter -->

<!-- Google tag (gtag.js) -->


<script async src="https://www.googletagmanager.com/gtag/js?id=G-
0QF8TD7V7M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-0QF8TD7V7M');
</script>

<!--LiveInternet counter-->
<script type="text/javascript">
new Image().src = "//counter.yadro.ru/hit?r" +
escape(document.referrer) + ((typeof (screen) == "undefined") ?
"" :
";s" + screen.width + "*" + screen.height + "*" +
(screen.colorDepth ?
screen.colorDepth : screen.pixelDepth)) + ";u" +
escape(document.URL) +
";h" + escape(document.title.substring(0, 150)) +
";" + Math.random();</script><!--/LiveInternet-->

<script type="text/javascript">
(function (e, t) {
var n = e.amplitude || {_q: [], _iq: {}};
var r = t.createElement("script")
;r.type = "text/javascript"
;r.integrity = "sha384-
girahbTbYZ9tT03PWWj0mEVgyxtZoyDF9KVZdL+R53PP5wCY0PiVUKq0jeRlMx9M"
;r.crossOrigin = "anonymous";
r.async = true
;r.src = "https://cdn.amplitude.com/libs/amplitude-7.2.1-min.gz.js"
;r.onload = function () {
if (!e.amplitude.runQueuedFunctions) {
console.log("[Amplitude] Error: could not load SDK")
}
}
;var i = t.getElementsByTagName("script")[0];
i.parentNode.insertBefore(r, i)
;

function s(e, t) {
e.prototype[t] = function () {
this._q.push([t].concat(Array.prototype.slice.call(arguments, 0)));
return this
}
}

var o = function () {
this._q = [];
return this
}
;var a = ["add", "append", "clearAll", "prepend", "set", "setOnce",
"unset"]
;
for (var c = 0; c < a.length; c++) {
s(o, a[c])
}
n.Identify = o;
var u = function () {
this._q = []
;
return this
}
;var l = ["setProductId", "setQuantity", "setPrice",
"setRevenueType", "setEventProperties"]
;
for (var p = 0; p < l.length; p++) {
s(u, l[p])
}
n.Revenue = u
;var d = ["init", "logEvent", "logRevenue", "setUserId",
"setUserProperties", "setOptOut", "setVersionName", "setDomain", "setDeviceId",
"enableTracking", "setGlobalUserProperties", "identify", "clearUserProperties",
"setGroup", "logRevenueV2", "regenerateDeviceId", "groupIdentify", "onInit",
"logEventWithTimestamp", "logEventWithGroups", "setSessionId", "resetSessionId"]
;

function v(e) {
function t(t) {
e[t] = function () {

e._q.push([t].concat(Array.prototype.slice.call(arguments, 0)))
}
}

for (var n = 0; n < d.length; n++) {


t(d[n])
}
}

v(n);
n.getInstance = function (e) {
e = (!e || e.length === 0 ? "$default_instance" :
e).toLowerCase()
;
if (!n._iq.hasOwnProperty(e)) {
n._iq[e] = {_q: []};
v(n._iq[e])
}
return n._iq[e]
}
;e.amplitude = n
})(window, document);

amplitude.getInstance().init("f7d37d9bcb810343b6a69acea449708f");
</script>

</div>

<div id="assets">
<script src="/assets/be788519/jquery.js"></script>
<script src="/assets/9677a656/yii.js"></script>
<script src="/assets/b2fcef4a/js/bootstrap.bundle.js"></script>
<script src="/static/js/libs/capture-error.js" defer="true"></script>
<script src="/static/js/libs/ajaxe.jq.js?2" defer="true"></script>
<script src="/static/flatonica/js/app.js?4" defer="true"></script>
<script src="/static/flatonica/js/common-widgets.js?7" defer="true"></script>
<script src="/static/js/libs/surfe.be.js?6" async="true"></script>
<script src="/static/js/price-input.js" async="true"></script>
<script src="/static/flatonica/js/widgets/onboarding.js?4" defer="true"></script>
<script src="/static/flatonica/js/rangeslider.min.js" async="true"></script>
<script src="/static/flatonica/js/resizesensor.js" async="true"></script>
<script src="/static/flatonica/js/sticky-sidebar.js" async="true"></script>
<script src="/static/flatonica/js/jquery.nicescroll.min.js" async="true"></script>
<script src="/static/flatonica/js/progressbar.min.js" async="true"></script>
<script src="/static/flatonica/js/slick.min.js" async="true"></script>
<script src="/static/flatonica/js/scrollIt.min.js" async="true"></script>
<script src="/static/flatonica/js/main.js?10" defer="true"></script>
<script src="/static/flatonica/js/graph.js?1" async="true"></script>
<script src="/static/js/libs/Chart.bundle.min.js" async="true"></script>
<script src="/static/js/moment-with-locales.min.js" defer="true"></script>
<script src="/static/js/moment-timezone.js" defer="true"></script>
<script src="/static/js/daterangepicker.js" async="true"></script>
<script src="/static/js/react.static.bundle.cac761ed92d7a766a611.js"
defer="true"></script>
<script src="https://code.highcharts.com/highcharts.js" async="true"></script>
<script>jQuery(function ($) {
var inj_assets = [];
for(var i in inj_assets)
{
i = inj_assets[i];
if(ajaxe.assets.indexOf(i) < 0)
{
let script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = i;
$('#assets').append(script);
ajaxe.assets.push(i);
}

}
function parseURL(url) {
var parser = document.createElement('a'),
searchObject = {},
queries, split, i;
// Let the browser do the work
parser.href = url;
// Convert query string to object
queries = parser.search.replace(/^\?/, '').split('&');
for (i = 0; i < queries.length; i++) {
split = queries[i].split('=');
searchObject[split[0]] = split[1];
}
return {
protocol: parser.protocol,
host: parser.host,
hostname: parser.hostname,
port: parser.port,
pathname: parser.pathname,
search: parser.search,
searchObject: searchObject,
hash: parser.hash
};
}

$(wrapErrors(function () {

var state = 0, YTplayer, bad_state = 0,


bad_state_max = 4, was_started = 0;
var data = $('#videoframe').data();
var width = $('#videoframe').width();
var full_dur = data.dur;

var hosting = {
youtube: data.hosting === 'youtube.com' || data.hosting ===
'www.youtube.com' || data.hosting === 'youtu.be',
rutube: data.hosting === 'rutube.ru', // +
twitch: data.hosting === 'www.twitch.tv', // +
}

var muted = false;

$('#player').html('<iframe width="' + width + '" height="' + (width * 0.5625) +


'" src="https://surfe.be/video-iframe.html?videoId=' + data.hostingid + '#' +
data.link + '" frameBorder="0"></iframe>')

/*
if (hosting.youtube) {
var link = parseURL(data.link);
if (!link.searchObject.t)
link.searchObject.t = 0;

window.onYouTubeIframeAPIReady = wrapErrors(function () {
YTplayer = new window.YT.Player('player', {
height: width * 0.5625,
width: width,
videoId: data.hostingId,
rel: 0,
showinfo: 0,
loop: 1,
playerVars: {
rel: 0,
showinfo: 0,
loop: 1,
start: link.searchObject.t
},
events: {
'onReady': function (event) {
console.log('YTplayer is ready');
//if( document.hasFocus() )
// event.target.playVideo();
// event.target.seekTo(link.searchObject.t);
},
'onStateChange': function (event) {
console.log(event);
state = event.data;

if ($('#onboarding_close[data-id=15]').length)
$('#onboarding_close[data-
id=15]').click().parent().remove();

// if( state === 0 )


// YTplayer.playVideo();
}
}
});

});

ajaxe._dom.include('https://www.youtube.com/iframe_api',
wrapErrors(function () {
console.log('frame_api.js was loaded');
// ajaxe._dom.include('https://apis.google.com/js/platform.js');
}));
} else if (hosting.twitch) {
var link = data.hostingid.substr(0, 7) === 'videos/'
? '?video=' + data.hostingid.substr(7)
: '?channel=' + data.hostingid
$('#player').html('<iframe src="https://player.twitch.tv/' + link +
'&parent=surfe.be" frameborder="0" scrolling="no" height="' + (width * 0.5625) + '"
width="' + width + '"></iframe>')
} else if (hosting.rutube) {
$('#player').html('<iframe width="' + width + '" height="' + (width *
0.5625) + '" src="https://rutube.ru/play/embed/' + data.hostingid + '"
frameBorder="0" allow="autoplay" webkitAllowFullScreen mozallowfullscreen
allowFullScreen></iframe>')
}
*/

window.addEventListener('message', function (e) {

console.log('postMessage',e)

if (e.origin === 'https://surfe.be') {


state = parseInt(e.data)
} else if (e.origin === 'https://rutube.ru') {
var data = JSON.parse(e.data)

if (data.type === 'player:changeState' || data.type ===


'player:rollState') {
if (data.data.state === 'playing' || data.data.state === 'play') {
state = 1;
} else if (data.data.state === 'paused' || data.data.state ===
'complete') {
state = 2;
}
} else if (data.type === 'player:volumeChange') {
muted = data.data.muted || data.data.volume < 15
}
} else if (e.origin === 'https://player.twitch.tv') {
if (e.data.eventName === 'UPDATE_STATE') {
if (e.data.params.playback === 'Playing') {
state = 1;
} else if (e.data.params.playback === 'Idle') {
state = 2;
}
muted = e.data.params.muted || e.data.params.volume < 0.15
}
} else if (e.origin === 'https://www.youtube.com') {
$('#frame-bug-msg').remove();
try {
data = JSON.parse(e.data);
} catch (e) {
return;
}
if ('event' in data && data.event === 'onStateChange') {
var newstate = data.info;
setTimeout(function () {
if (state !== newstate)
state = newstate;
}, 500);
}
}

if (state === 1 && $('#onboarding_close[data-id=15]').length)


$('#onboarding_close[data-id=15]').click().parent().remove();
}, false)

function ticker() {
if (!document.hasFocus() && YTplayer && YTplayer.pauseVideo) {
console.log('ticker - error 1', !document.hasFocus(), YTplayer &&
YTplayer.pauseVideo)
setTimeout(function () {
ticker()
}, 1000);
return;
}

console.log('ticker state', state)

if (state === 1) {
was_started = 1;
$('.btn-primary').removeClass('btn-primary').addClass('btn-secondary');

if (hosting.youtube && YTplayer)


muted = YTplayer.isMuted() || YTplayer.getVolume() < 15;

if (muted) {
$('h1').addClass('red');
$('h2').text($('h2').data('vol')).show();
} else {
$('h2').hide();
$('h1').removeClass('red');
data.dur--;
}

if (state === 2) {
$('h1').addClass('red');
$('h2').text($('h2').data('end')).show();
}

if (!state && was_started && YTplayer) {


YTplayer.playVideo();
}

if (data.dur >= 0) {
$('h1 span').text(data.dur);
setTimeout(function () {
ticker()
}, 1000);
} else {
var link = data.captcha === 1 ? 'https://captcha.surfe.be/?action=' +
data.action + '&key=' + data.key + '&size=360x120' : atob(data.action);
$('#captcha-wrap').html('<iframe id="capt-frame" frameborder="0" src="'
+ link + '" style="width:450px;height:140px"></iframe>').show();
if ($('body').hasClass('is-mobile') && YTplayer) {
YTplayer.pauseVideo();
alert($('#videoframe').data('minimize'));
}

if ($('#onboarding_close[data-id=22]').length)
$('#onboarding_close[data-id=22]').click().parent().remove();
if ($('#onboarding_close[data-id=23]').length)
$('#onboarding_close[data-id=23]').click().parent().remove();
}

if (full_dur - data.dur > 10 && $('#onboarding_close[data-id=16]').length)


{
$('#onboarding_close[data-id=16]').click().parent().remove();
}

ticker();

$('#close-btn').click(function () {
$('#finish-wrap').hide();
$('#video-btn-bottom').show();
});

}));

window.addEventListener("message", function (e) {


if (e.data === 'surfebe_video_done') {
$('h1').text('');
$('#captcha-wrap').hide();
$('#finish-wrap').show();
$('h2').text($('h2').data('fin')).show();

if ($('#onboarding_close[data-id=24]').length)
$('#onboarding_close[data-id=24]').click().parent().remove();
}

}, false);

abuse = function () {
let searchParams = new URLSearchParams(location.search);
ajaxe.query('/video/abuse/?id=' + $('#videoframe').data('id') + '&key=' +
searchParams.get('key'), function () {
if (confirm($('#videoframe').data('abuse')))
window.close();
});
}

$(window).resize(function () {
if ($('#player').length) {
var w = $('#videoframe').width();
$('#player').attr('width', parseInt(w)).attr('height', parseInt(w *
0.5625));
}
});

window.addEventListener("unload", function () {
if ($('#onboarding_close[data-id=25]').length)
ajaxe.query('/onboarding-close/25');
if ($('#onboarding_close[data-id=26]').length)
ajaxe.query('/onboarding-close/26');
});

setTimeout(function () {
$('.hint-close[data-id="25"]').click();
}, 1500);
});</script>
<script defer>setTimeout(function(){ajaxe.current = {"header":
{"request_uri":"\/video\/view\/873103","redirect_location":false,"redirect":false,"
notpl":false,"title":false,"tpl":"video\/view\/
873103","script":"","allow_poll":true,"csrf":
{"param":"_csrf","token":"BailrLLTNJnC4-VF_ZY_tK9yuzCgDHOPS55RtFBSMWtm8OPmg-
BS9qu2hHGU7gbb4yrYYNJ_O98l-z3tMwEEGQ=="}},"widgets":{"notify":"7","im":0,"sidenav":
{"indicatorAchieve":false}},"content":false};ajaxe.tpl(ajaxe.current);},300);</
script></div>

<div id="loader" onclick="wloader.hide();">


<logo></logo>
</div>

<audio id="notif-audio">
<source src="/static/bubble-pop.mp3" type="audio/mpeg">
</audio>
<div class="adsbygoogle banner-advertising" id="ad-detector"></div>
</body>
</html>

You might also like