Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
b5a4582f by Dan Rempel
Options

EY Fall ads for approval

1 parent 89d772b6
Expand all
Inline Side-by-side
Showing 1000 changed files with 2461 additions and 0 deletions

Too many changes to show.
Plain diff Email patch

To preserve performance only 1000 of 1000+ files are displayed.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 1024 x 768 iPad</h1>
<iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<style>
html{
background: url(en_1280x1000_EY_2016FallPMM_nationalGeneralTakeover_c01/1280x1000_takeoverWallpaper.jpg) no-repeat center top black;
}
</style>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 1280 x 1000 Takeover</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_alberta_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_alberta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_bc_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_bc_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_gta_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_gta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalEntrepreneur_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_quebec_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_quebec_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 300 x 1050</h1>
<iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
<div class="label" style="margin-top: 500px;">
<p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_saskatchewan_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover1_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover2_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover3_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover4_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover5_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 250 Takeover</h1>
<iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalGeneralTakeover6_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 300 x 450 Mobile</h1>
<iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Global - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_globalCannon_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 300 x 600</h1>
<iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
<div class="label"><p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
<iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/expanded.html"></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Global - 320 x 480</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_globalSlingshot_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 320 x 480 iPhone app</h1>
<iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Alberta - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_alberta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>BC - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_bc_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>GTA - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_gta_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National Entrepreneur - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Quebec - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_quebec_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>Saskatchewan - 768 x 1024 iPad</h1>
<iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover1_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover2_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover3_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover4_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover5_c01/index.html"></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
</head>
<body>
<div w3-include-html="menu.html"></div>
<script>
w3IncludeHTML();
</script>
<h1>National General - 960 x 90 Takeover</h1>
<iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalGeneralTakeover6_c01/index.html"></iframe>
</body>
</html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
\ No newline at end of file
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
* This section uses videojs with eyeBuild, tracking plays, clicks, etc.
**/
window.onload = function() {
eyeBuild.initialize();
window.isVideoClick = false;
//var video = document.getElementsByTagName("video")[0];
var myVideoJsPlayer = videojs('video');
var video = document.querySelector("#video video");
var playButton = document.getElementById("play-pause");
var txt = document.getElementById("txt");
videojs(video, {}, function(){
var videoPlays = 0;
var v0 = false;
var v25 = false;
var v50 = false;
var v75 = false;
video.addEventListener("play", function(e) {
eyeBuild.doIAT(0);
videoPlays++;
playButton.setAttribute("class", "play");
txt.setAttribute("class", "play");
});
video.addEventListener("pause", function(e) {
eyeBuild.doIAT(1);
playButton.setAttribute("class", "pause");
txt.setAttribute("class", "pause");
});
video.addEventListener("ended", function(e) {
video.currentTime = 0;
playButton.setAttribute("class", "pause");
v0 = false;
v25 = false;
v50 = false;
v75 = false;
eyeBuild.doIAT(9);
});
// track video plays
video.addEventListener('timeupdate', function(e){
var pct = video.currentTime / video.duration *100;
if (pct > 75 && !v75){
v75 = true;
eyeBuild.doIAT(8);
}else if (pct > 50 && !v50){
v50 = true;
eyeBuild.doIAT(7);
}else if (pct > 25 && !v25){
v25 = true;
eyeBuild.doIAT(6);
}else if (pct > 0 && !v0){
v0 = true;
eyeBuild.doIAT(5);
if(videoPlays>1){
eyeBuild.doIAT(10);
}
}
}, false);
playButton.addEventListener('click', function(e){
myVideoJsPlayer.play();
}, false);
});
/*
var closeButton = document.getElementById("close");
closeButton.addEventListener("click", function(e) {
eyeBuild.doClose();
});
*/
}
</script>
<style>
body{
margin: 0;
padding: 0;
width: 1024px;
height: 768px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background-color: black;
/*
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
#video, #play-pause{
position: absolute;
width: 952px;
height: 536px;
left:36px;
top:61px;
border:none;
}
#play-pause{
cursor: pointer;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
}
#play-pause.pause:active{
background-size: 50px 50px;
}
#play-pause.pause{
background-size: 55px 55px;
display: block;
}
#play-pause.play{
display: none;
}
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
#txt.play {
display: none;
}
#txt.pause {
display: block;
}
#overlay {
position: absolute;
width: 964px;
height: 81px;
left: 36px;
bottom:34px;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice-alberta.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster1.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidA.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
stage1();
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
\ No newline at end of file
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
* This section uses videojs with eyeBuild, tracking plays, clicks, etc.
**/
window.onload = function() {
eyeBuild.initialize();
window.isVideoClick = false;
//var video = document.getElementsByTagName("video")[0];
var myVideoJsPlayer = videojs('video');
var video = document.querySelector("#video video");
var playButton = document.getElementById("play-pause");
var txt = document.getElementById("txt");
videojs(video, {}, function(){
var videoPlays = 0;
var v0 = false;
var v25 = false;
var v50 = false;
var v75 = false;
video.addEventListener("play", function(e) {
eyeBuild.doIAT(0);
videoPlays++;
playButton.setAttribute("class", "play");
txt.setAttribute("class", "play");
});
video.addEventListener("pause", function(e) {
eyeBuild.doIAT(1);
playButton.setAttribute("class", "pause");
txt.setAttribute("class", "pause");
});
video.addEventListener("ended", function(e) {
video.currentTime = 0;
playButton.setAttribute("class", "pause");
v0 = false;
v25 = false;
v50 = false;
v75 = false;
eyeBuild.doIAT(9);
});
// track video plays
video.addEventListener('timeupdate', function(e){
var pct = video.currentTime / video.duration *100;
if (pct > 75 && !v75){
v75 = true;
eyeBuild.doIAT(8);
}else if (pct > 50 && !v50){
v50 = true;
eyeBuild.doIAT(7);
}else if (pct > 25 && !v25){
v25 = true;
eyeBuild.doIAT(6);
}else if (pct > 0 && !v0){
v0 = true;
eyeBuild.doIAT(5);
if(videoPlays>1){
eyeBuild.doIAT(10);
}
}
}, false);
playButton.addEventListener('click', function(e){
myVideoJsPlayer.play();
}, false);
});
/*
var closeButton = document.getElementById("close");
closeButton.addEventListener("click", function(e) {
eyeBuild.doClose();
});
*/
}
</script>
<style>
body{
margin: 0;
padding: 0;
width: 1024px;
height: 768px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background-color: black;
/*
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
#video, #play-pause{
position: absolute;
width: 952px;
height: 536px;
left:36px;
top:61px;
border:none;
}
#play-pause{
cursor: pointer;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
}
#play-pause.pause:active{
background-size: 50px 50px;
}
#play-pause.pause{
background-size: 55px 55px;
display: block;
}
#play-pause.play{
display: none;
}
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
#txt.play {
display: none;
}
#txt.pause {
display: block;
}
#overlay {
position: absolute;
width: 964px;
height: 81px;
left: 36px;
bottom:34px;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice-bc.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster2.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidB.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
stage1();
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
\ No newline at end of file
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
* This section uses videojs with eyeBuild, tracking plays, clicks, etc.
**/
window.onload = function() {
eyeBuild.initialize();
window.isVideoClick = false;
//var video = document.getElementsByTagName("video")[0];
var myVideoJsPlayer = videojs('video');
var video = document.querySelector("#video video");
var playButton = document.getElementById("play-pause");
var txt = document.getElementById("txt");
videojs(video, {}, function(){
var videoPlays = 0;
var v0 = false;
var v25 = false;
var v50 = false;
var v75 = false;
video.addEventListener("play", function(e) {
eyeBuild.doIAT(0);
videoPlays++;
playButton.setAttribute("class", "play");
txt.setAttribute("class", "play");
});
video.addEventListener("pause", function(e) {
eyeBuild.doIAT(1);
playButton.setAttribute("class", "pause");
txt.setAttribute("class", "pause");
});
video.addEventListener("ended", function(e) {
video.currentTime = 0;
playButton.setAttribute("class", "pause");
v0 = false;
v25 = false;
v50 = false;
v75 = false;
eyeBuild.doIAT(9);
});
// track video plays
video.addEventListener('timeupdate', function(e){
var pct = video.currentTime / video.duration *100;
if (pct > 75 && !v75){
v75 = true;
eyeBuild.doIAT(8);
}else if (pct > 50 && !v50){
v50 = true;
eyeBuild.doIAT(7);
}else if (pct > 25 && !v25){
v25 = true;
eyeBuild.doIAT(6);
}else if (pct > 0 && !v0){
v0 = true;
eyeBuild.doIAT(5);
if(videoPlays>1){
eyeBuild.doIAT(10);
}
}
}, false);
playButton.addEventListener('click', function(e){
myVideoJsPlayer.play();
}, false);
});
/*
var closeButton = document.getElementById("close");
closeButton.addEventListener("click", function(e) {
eyeBuild.doClose();
});
*/
}
</script>
<style>
body{
margin: 0;
padding: 0;
width: 1024px;
height: 768px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background-color: black;
/*
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
#video, #play-pause{
position: absolute;
width: 952px;
height: 536px;
left:36px;
top:61px;
border:none;
}
#play-pause{
cursor: pointer;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
}
#play-pause.pause:active{
background-size: 50px 50px;
}
#play-pause.pause{
background-size: 55px 55px;
display: block;
}
#play-pause.play{
display: none;
}
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
#txt.play {
display: none;
}
#txt.pause {
display: block;
}
#overlay {
position: absolute;
width: 964px;
height: 81px;
left: 36px;
bottom:34px;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice-gta.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster5.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidE.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
stage1();
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
\ No newline at end of file
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5 Ad</title>
<script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
<link href="assets/video-js.min.css" rel="stylesheet">
<script src="assets/video.min.js"></script>
<script src="assets/TweenMax.min.js"></script>
<script type="text/javascript">
/**
* This section uses videojs with eyeBuild, tracking plays, clicks, etc.
**/
window.onload = function() {
eyeBuild.initialize();
window.isVideoClick = false;
//var video = document.getElementsByTagName("video")[0];
var myVideoJsPlayer = videojs('video');
var video = document.querySelector("#video video");
var playButton = document.getElementById("play-pause");
var txt = document.getElementById("txt");
videojs(video, {}, function(){
var videoPlays = 0;
var v0 = false;
var v25 = false;
var v50 = false;
var v75 = false;
video.addEventListener("play", function(e) {
eyeBuild.doIAT(0);
videoPlays++;
playButton.setAttribute("class", "play");
txt.setAttribute("class", "play");
});
video.addEventListener("pause", function(e) {
eyeBuild.doIAT(1);
playButton.setAttribute("class", "pause");
txt.setAttribute("class", "pause");
});
video.addEventListener("ended", function(e) {
video.currentTime = 0;
playButton.setAttribute("class", "pause");
v0 = false;
v25 = false;
v50 = false;
v75 = false;
eyeBuild.doIAT(9);
});
// track video plays
video.addEventListener('timeupdate', function(e){
var pct = video.currentTime / video.duration *100;
if (pct > 75 && !v75){
v75 = true;
eyeBuild.doIAT(8);
}else if (pct > 50 && !v50){
v50 = true;
eyeBuild.doIAT(7);
}else if (pct > 25 && !v25){
v25 = true;
eyeBuild.doIAT(6);
}else if (pct > 0 && !v0){
v0 = true;
eyeBuild.doIAT(5);
if(videoPlays>1){
eyeBuild.doIAT(10);
}
}
}, false);
playButton.addEventListener('click', function(e){
myVideoJsPlayer.play();
}, false);
});
/*
var closeButton = document.getElementById("close");
closeButton.addEventListener("click", function(e) {
eyeBuild.doClose();
});
*/
}
</script>
<style>
body{
margin: 0;
padding: 0;
width: 1024px;
height: 768px;
line-height: 1.2;
font-size: 27px;
letter-spacing: .4;
color: #CD040B;
/* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
/*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
font-style: normal;
}
a{
text-decoration: none;
color: inherit;
}
#click-tag{
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#border{
position: relative;
width: 1024px;
height: 768px;
border: 1px solid #000000; /*#55565A*/
overflow: hidden;
cursor: pointer;
box-sizing: border-box;
background-color: black;
/*
background: url(assets/back1.jpg) no-repeat #000;
background-size: 1000px 700px;
*/
}
#video, #play-pause{
position: absolute;
width: 952px;
height: 536px;
left:36px;
top:61px;
border:none;
}
#play-pause{
cursor: pointer;
background: url(assets/play.svg) no-repeat center center;
}
#play-pause.pause:hover{
background-size: 60px 60px;
}
#play-pause.pause:active{
background-size: 50px 50px;
}
#play-pause.pause{
background-size: 55px 55px;
display: block;
}
#play-pause.play{
display: none;
}
.vjs-big-play-button{
display: none !important;
}
#txt {
position: absolute;
width: 322px;
height: 271px;
left: 58px;
bottom:416px;
z-index: 10;
opacity: 0;
transform-origin: bottom;
}
#txt.play {
display: none;
}
#txt.pause {
display: block;
}
#overlay {
position: absolute;
width: 964px;
height: 81px;
left: 36px;
bottom:34px;
}
</style>
</head>
<body>
<div id="border">
<a id="click-tag" href="javascript:eyeBuild.doClick(0);">
<img id="txt" style="pause" src="assets/slice-national-entrepreneur.svg" alt="txt">
<img id="overlay" src="assets/overlay.png" alt="txt">
</a>
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster4.jpg" data-setup='{"example_option":true}'>
<source src="assets/vidD.mp4" type="video/mp4" />
<!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
<!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
</video>
<button id="play-pause" class="pause"></button>
</div>
<script>
function stage1(){
var tl = new TimelineMax({repeat:0, repeatDelay:2});
tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
console.log( "time: " + tl.totalDuration() );
}
//---------------------
stage1();
</script>
</body>
</html>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><style>.cls-1{isolation:isolate;}.cls-2{opacity:0.5;mix-blend-mode:multiply;}.cls-3{fill:#ffd400;}.cls-4{fill:#231f20;}</style></defs><title>play</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEdUlEQVRoQ+2aPWgVWRiGjz9rNBpRN7oQRAiLa7WIFpJVkHQWWVBUbO22keCms42NEExIs82WgYholUpshGDaNAFR2CpFYooFMYVR/Mm+j3kPdzLee8/9SWRnuMLTzXzv+875zncmcw3r6+uhbCQvKCLJC1Lo346tJqWZInlBHfM7c+zaAvI1WwrbaJCs8d3mB7NnG4i1o1Y2cDJgKlA2CCJdYq/oFvvNgRw9LZCvEWt3W68rVELGgDWDNRIohum2gUPiiOgVR8Ux8dMWcsx1e61zyLrox3B1g6UC0Qr7XPSwxfrECdEvfhYnxS/mVBvEGiddt986fdZFHx/4wVfNYLVCxRWiwEHxo4v328Cv4qw4JwbEb+K8uNAG511nwHXPWueUddHHB37wFVesoVCkp3dZ6h4XOh42nuBpiw6KS+J3cUVcFdfE9Ta45jpXXPeSdQasiz4+8IMv/OFzZ91QodJ6PAV6mCXvc8Ez4qIYEjfETfGHuCWGxW3xpxlpgnjPbde55bo3rTNkXfTxgR984Q+f37RgrdaLq0Qvs/SnXfiyxRC/I0bFPTEm7otxMdEC475/zPVGXX/Yepetjw/84Cuu1jctWC0US8oYZerwVOhpWmDIAjzdu2JS/C2mxAPxUDwyj5sg3vPQdaZcd9I6I9ZFHx/4wRf+8InfhkKxtIxTpg+bdTBstMKwhf4S02JGPBXPxKx4buaaIN4z6zpPXXfaOneti/5g2PCDL/zhMxkq7icOPs4JlpopxKbladESkxZ8EjZMzYsF8UK8FK9a4KXvX3C9Odeftt4d6+MDP/jCHz6/7qtGQ9G3nBeMV6YRm5depzVmLIyJf8SiWBLL4nWGlTpkr1v2/Yuut+D6M9YbtT4+8IMv/NUPFSqTj4ONVxVOdqYNfcyYZSqxiel5WmTeBjDzr3gj3prVJoj3vHGdJdedt86UddHHB37whT984nfTBKwXilcWTngORM4P+prpxGam93maizaCuXdiTbw3HxogXrvm+1ddb9H1n1lvzPr4wA++8NdQqPhqlA3FSc/ByDnC2GVKsanZAzxVnjCGMPlRfGqBj77/nestuf6s9e5bHx/4yYfaNNZToRifvMJw4nNAcp4wfplWbG72Aq3Dk8bYZ/GlBT77/jXXW3b959Ybtz4+8IOvpkP1hOqhJkIlFFPrtU3QQjzxaHK9CeI9n1znreu+CpVQE6F6KHy2FWrExTkw50Il1GrYHCoVolawGGo1VELNWW/C+t81FPthK0J9CP+DUCthe0KthE6oTqhOqE6oHJ1QYZtDlfKcKvwbReHf/Ur5ll6qv6dK+Zdvub5ROFi5viZVCVWa7360IF88S/WFNobaG0r2LZ3x2BVK9qtH3Ffl+H0qMyxY0rhaxf4lMdeCPIXS/OYbWzC+MhX/1/kqwXgiLHW3izJ1GKe9oSj/j6JGsN2h6P/jJRcshssGjCFhzzYQa0etGORrmFAnUDJUjYD5oNnA7ZKvuUkz5bHpUE2EbZuUZorkBUUkeUER+Q/WUqTGGZMG2QAAAABJRU5ErkJggg=="/><rect class="cls-3" x="10.6" y="10.3" width="30.27" height="30.27"/><polygon class="cls-4" points="22.85 33.56 22.85 17.31 30.97 25.44 22.85 33.56"/></g></g></svg>
\ No newline at end of file