b2d99766 by Dan Rempel

EY 2016Fall first release for approval

1 parent 03027bb3
Showing 364 changed files with 9606 additions and 0 deletions
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1000px;
100 height: 700px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1000px;
124 height: 700px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 930px;
139 height: 523px;
140 left:34px;
141 top:34px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 315px;
168 height: 265px;
169 left: 57px;
170 bottom:382px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 941px;
184 height: 78px;
185 left: 36px;
186 bottom:22px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidA.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218
219
220 </script>
221
222 </body>
223
224 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1000px;
100 height: 700px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1000px;
124 height: 700px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 930px;
139 height: 523px;
140 left:34px;
141 top:34px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 315px;
168 height: 265px;
169 left: 57px;
170 bottom:382px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 941px;
184 height: 78px;
185 left: 36px;
186 bottom:22px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidB.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218
219
220 </script>
221
222 </body>
223
224 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1000px;
100 height: 700px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1000px;
124 height: 700px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 930px;
139 height: 523px;
140 left:34px;
141 top:34px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 315px;
168 height: 265px;
169 left: 57px;
170 bottom:382px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 941px;
184 height: 78px;
185 left: 36px;
186 bottom:22px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
198 <source src="assets/vidC.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218
219
220 </script>
221
222 </body>
223
224 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZArGdn0AAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAEXIS2l8PPPUACwcAAAAAANJUFcAAAAAA0lQVwAAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidA.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidB.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
198 <source src="assets/vidC.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3 <meta charset="utf-8">
4 <title>HTML5 Ad</title>
5 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
6 <link href="assets/video-js.min.css" rel="stylesheet">
7 <script src="assets/video.min.js"></script>
8 <script type="text/javascript">
9
10 /**
11 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
12 **/
13 window.onload = function() {
14 eyeBuild.initialize();
15 window.isVideoClick = false;
16
17 //var video = document.getElementsByTagName("video")[0];
18 var myVideoJsPlayer = videojs('video');
19 var video = document.querySelector("#video video");
20 var playButton = document.getElementById("play-pause");
21
22 videojs(video, {}, function(){
23
24 var videoPlays = 0;
25 var v0 = false;
26 var v25 = false;
27 var v50 = false;
28 var v75 = false;
29
30 video.addEventListener("play", function(e) {
31 eyeBuild.doIAT(0);
32 videoPlays++;
33 playButton.setAttribute("class", "play");
34 });
35 video.addEventListener("pause", function(e) {
36 eyeBuild.doIAT(1);
37 playButton.setAttribute("class", "pause");
38 });
39 video.addEventListener("ended", function(e) {
40 video.currentTime = 0;
41 playButton.setAttribute("class", "pause");
42 v0 = false;
43 v25 = false;
44 v50 = false;
45 v75 = false;
46 eyeBuild.doIAT(9);
47 });
48
49 // track video plays
50 video.addEventListener('timeupdate', function(e){
51 var pct = video.currentTime / video.duration *100;
52 if (pct > 75 && !v75){
53 v75 = true;
54 eyeBuild.doIAT(8);
55 }else if (pct > 50 && !v50){
56 v50 = true;
57 eyeBuild.doIAT(7);
58 }else if (pct > 25 && !v25){
59 v25 = true;
60 eyeBuild.doIAT(6);
61 }else if (pct > 0 && !v0){
62 v0 = true;
63 eyeBuild.doIAT(5);
64 if(videoPlays>1){
65 eyeBuild.doIAT(10);
66 }
67 }
68 }, false);
69
70 playButton.addEventListener('click', function(e){
71 myVideoJsPlayer.play();
72 }, false);
73
74 });
75
76
77 /*
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82 */
83
84
85 }
86 </script>
87
88 <style>
89
90 body{
91 margin: 0;
92 padding: 0;
93 width: 300px;
94 height: 450px;
95 line-height: 1.2;
96 font-size: 27px;
97 letter-spacing: .4;
98 color: #CD040B;
99 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
100 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
101 font-style: normal;
102 }
103
104 a{
105 text-decoration: none;
106 color: inherit;
107 }
108 #click-tag{
109 display: block;
110 position: absolute;
111 width: 100%;
112 height: 100%;
113 }
114
115 #border{
116 position: relative;
117 width: 300px;
118 height: 450px;
119 border: 1px solid #55565A;
120 background-color: #000;
121 overflow: hidden;
122 cursor: pointer;
123 box-sizing: border-box;
124 background: url(assets/back1.jpg) no-repeat;
125 background-size: 300px 450px;
126 }
127
128 #video, #play-pause{
129 position: absolute;
130 width: 271px;
131 height: 153px;
132 left:14px;
133 top:178px;
134 border:none;
135 }
136 #play-pause{
137 cursor: pointer;
138 background: url(assets/play.svg) no-repeat center center;
139 }
140 #play-pause.pause:hover{
141 background-size: 60px 60px;
142 }
143 #play-pause.pause:active{
144 background-size: 50px 50px;
145 }
146 #play-pause.pause{
147 background-size: 55px 55px;
148 display: block;
149 }
150 #play-pause.play{
151 display: none;
152 }
153 .vjs-big-play-button{
154 display: none !important;
155 }
156 </style>
157 </head>
158
159 <body>
160 <div id="border">
161 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
162 </a>
163 <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}'>
164 <source src="assets/vidA.mp4" type="video/mp4" />
165 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
166 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
167 </video>
168 <button id="play-pause" class="pause"></button>
169 </div>
170 </body>
171
172 </html>
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 0.0.10
3 * DATE: 2016-02-11
4 * UPDATES AND DOCS AT: http://greensock.com
5 *
6 * @license Copyright (c) 2008-2016, GreenSock. All rights reserved.
7 * DrawSVGPlugin is a Club GreenSock membership benefit; You must have a valid membership to use
8 * this code without violating the terms of use. Visit http://greensock.com/club/ to sign up or get more details.
9 * This work is subject to the software agreement that was issued with your membership.
10 *
11 * @author: Jack Doyle, jack@greensock.com
12 */
13 var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";function a(a,b,c,d){return c=parseFloat(c)-parseFloat(a),d=parseFloat(d)-parseFloat(b),Math.sqrt(c*c+d*d)}function b(a){return"string"!=typeof a&&a.nodeType||(a=_gsScope.TweenLite.selector(a),a.length&&(a=a[0])),a}function c(a,b,c){var d,e,f=a.indexOf(" ");return-1===f?(d=void 0!==c?c+"":a,e=a):(d=a.substr(0,f),e=a.substr(f+1)),d=-1!==d.indexOf("%")?parseFloat(d)/100*b:parseFloat(d),e=-1!==e.indexOf("%")?parseFloat(e)/100*b:parseFloat(e),d>e?[e,d]:[d,e]}function d(c){if(!c)return 0;c=b(c);var d,e,f,g,i,j,k,l=c.tagName.toLowerCase();if("path"===l){g=c.style.strokeDasharray,c.style.strokeDasharray="none",d=c.getTotalLength()||0;try{e=c.getBBox()}catch(m){}c.style.strokeDasharray=g}else if("rect"===l)d=2*c.getAttribute("width")+2*c.getAttribute("height");else if("circle"===l)d=2*Math.PI*parseFloat(c.getAttribute("r"));else if("line"===l)d=a(c.getAttribute("x1"),c.getAttribute("y1"),c.getAttribute("x2"),c.getAttribute("y2"));else if("polyline"===l||"polygon"===l)for(f=c.getAttribute("points").match(h)||[],"polygon"===l&&f.push(f[0],f[1]),d=0,i=2;i<f.length;i+=2)d+=a(f[i-2],f[i-1],f[i],f[i+1])||0;else"ellipse"===l&&(j=parseFloat(c.getAttribute("rx")),k=parseFloat(c.getAttribute("ry")),d=Math.PI*(3*(j+k)-Math.sqrt((3*j+k)*(j+3*k))));return d||0}function e(a,c){if(!a)return[0,0];a=b(a),c=c||d(a)+1;var e=g(a),f=e.strokeDasharray||"",h=parseFloat(e.strokeDashoffset),i=f.indexOf(",");return 0>i&&(i=f.indexOf(" ")),f=0>i?c:parseFloat(f.substr(0,i))||1e-5,f>c&&(f=c),[Math.max(0,-h),Math.max(0,f-h)]}var f,g=document.defaultView?document.defaultView.getComputedStyle:function(){},h=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi;f=_gsScope._gsDefine.plugin({propName:"drawSVG",API:2,version:"0.0.10",global:!0,overwriteProps:["drawSVG"],init:function(a,b,f){if(!a.getBBox)return!1;var g,h,i,j=d(a)+1;return this._style=a.style,b===!0||"true"===b?b="0 100%":b?-1===(b+"").indexOf(" ")&&(b="0 "+b):b="0 0",g=e(a,j),h=c(b,j,g[0]),this._length=j+10,0===g[0]&&0===h[0]?(i=Math.max(1e-5,h[1]-j),this._dash=j+i,this._offset=j-g[1]+i,this._addTween(this,"_offset",this._offset,j-h[1]+i,"drawSVG")):(this._dash=g[1]-g[0]||1e-6,this._offset=-g[0],this._addTween(this,"_dash",this._dash,h[1]-h[0]||1e-5,"drawSVG"),this._addTween(this,"_offset",this._offset,-h[0],"drawSVG")),!0},set:function(a){this._firstPT&&(this._super.setRatio.call(this,a),this._style.strokeDashoffset=this._offset,1===a||0===a?this._style.strokeDasharray=this._offset<.001&&this._length-this._dash<=10?"none":this._offset===this._dash?"0px, 999999px":this._dash+"px,"+this._length+"px":this._style.strokeDasharray=this._dash+"px,"+this._length+"px")}}),f.getLength=d,f.getPosition=e}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()();
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 1.0.3
3 * DATE: 2016-05-04
4 *
5 * Requires:
6 * GSAP TweenMax (import com.greensock.*;)
7 * GASP drawSVG Plugin ()
8 * This work is subject to the terms at http://greensock.com/standard-license or for
9 * Club GreenSock members, the software agreement that was issued with your membership.
10 *
11 * @license Copyright (c) 2016, Tenzing Communications Inc. All rights reserved.
12 *
13 * @author: Dan Rempel, dan@gotenzing.com
14
15 * Usage Example:
16 * var myEySvg = initEySvgFrame(10, 196, 193); // frame line weight, width, height
17 * document.getElementById("body").appendChild(myEySvg);
18 * animateEyFrame(2); // delay in seconds
19 * animateGradient(2); // delay in seconds
20 * animateFill(2); // delay in seconds
21 *
22 **/
23
24 var eySvg;var eyStroke;var eyDot1;var eyDot2;var eyDot3;var eyGradient;var eyFill;var tl;var eyStrokeWeight;var eySvgHeight;var eySvgWidth;var eyAngleHeight;var eyDotSpacing;var eyDotDuration=0.2;var eyFrameDuration=1;var eyGradientDuration=1;var eyFillDuration=1;var eyColor='#FFD400';var svgNS='http://www.w3.org/2000/svg';var isForward=!0;var initEySvgFrame=function(b,d,f){tl=new TimelineMax({onStart:tlStart,onUpdate:tlUpdate,onComplete:tlComplete,onReverseComplete:tlReverseComplete}),eyDotSpacing=Math.floor(b*8.5/10),eyStrokeWeight=b,eySvgWidth=d,eySvgHeight=f;var h=10*Math.PI/180;eyAngleHeight=Math.tan(h)*(d-b);var a=document.createElementNS(svgNS,'svg');a.setAttribute('id','ey-frame'),a.setAttribute('width',d+'px'),a.setAttribute('height',f+'px'),a.setAttribute('viewBox','0 0 '+eySvgWidth+' '+eySvgHeight);var g=document.createElementNS(svgNS,'defs');a.appendChild(g);var c=document.createElementNS(svgNS,'linearGradient');c.setAttribute('id','linear-gradient'),c.setAttribute('x1','0%'),c.setAttribute('x2','0%'),c.setAttribute('y1','0%'),c.setAttribute('y2','100%'),g.appendChild(c);var e;return e=createStop({id:'stop-1',offset:'0%',color:'Black',opacity:'.7'}),c.appendChild(e),e=createStop({id:'stop-2',offset:'100%',color:'Black',opacity:'0'}),c.appendChild(e),eyGradient=createShape('ey-gradient','url(#linear-gradient)'),a.appendChild(eyGradient),eyDot1=createDot(1),a.appendChild(eyDot1),eyDot2=createDot(2),a.appendChild(eyDot2),eyDot3=createDot(3),a.appendChild(eyDot3),eyStroke=createPath('ey-stroke'),eyStroke.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*3+' '+(eySvgHeight-b/2)+' H '+(d-b/2)+' V '+b/1.5+' L '+b/2+' '+(eyAngleHeight+b/2)+' V '+(f-b-eyDotSpacing)),a.appendChild(eyStroke),a;};var animateEyFrame=function(b){isForward=!0,tl.timeScale(1);var a=0;tl.fromTo(eyDot1,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut,delay:b}),tl.fromTo(eyDot2,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.fromTo(eyDot3,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.call(tlDotToLine,[]),tl.fromTo(eyStroke,eyFrameDuration,{drawSVG:'0'},{drawSVG:'0 100%',ease:Power1.easeIn});};var animateEyReverse=function(a){TweenMax.delayedCall(a,intAnimateEyReverse,[0]);};var animateGradient=function(a){tl.fromTo(eyGradient,0.5,{opacity:0},{opacity:1,delay:a});};var animateFill=function(a){(typeof eyFill==='undefined'||variable===null)&&(eyFill=createShape('ey-gradient',eyColor),eySvg.appendChild(eyFill)),tl.fromTo(eyFill,0.5,{y:eySvgHeight},{y:0,ease:Power2.easeIn,delay:a});};var createPath=function(b){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill','none'),a.setAttribute('stroke',eyColor),a.setAttribute('stroke-width',eyStrokeWeight),a.setAttribute('stroke-miterlimit','10'),a;};var createDot=function(b){var a=createPath('ey-dot'+b);return a.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*(b-1)+' '+(eySvgHeight-eyStrokeWeight/2)+' h '+eyStrokeWeight),a;};var createShape=function(b,c){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill',c),a.setAttribute('d',' M 0 '+eySvgHeight+' H '+eySvgWidth+' V 2 '+' L 0 '+(eyAngleHeight+2)+' Z '),a;};var createStop=function(b){var a=document.createElementNS(svgNS,'stop');return a.setAttribute('id',b.id),a.setAttribute('offset',b.offset),a.setAttribute('stop-color',b.color),a.setAttribute('stop-opacity',b.opacity),a;};var intAnimateEyReverse=function(a){isForward=!1,tl.reverse(a),tl.timeScale;};var tlStart=function(){};var tlDotToLine=function(){isForward||tl.timeScale(4);};var tlUpdate=function(){};var tlComplete=function(){};var tlReverseComplete=function(){};
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="348.92" viewBox="0 0 300 348.92"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="150" y1="348.92" x2="150" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#231f20" stop-opacity="0"/><stop offset="1"/></linearGradient></defs><title>gradient</title><rect class="cls-1" width="300" height="348.92"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 </script>
5 <meta charset="utf-8">
6 <title>HTML5 GSAP Ad</title>
7 <meta name="ad.size" content="width=300,height=600">
8 <!--
9 <script type="text/javascript">
10
11 // IAB source: modified to allow link testing
12 var clickTag = "http://thecommonwell.ca/wave";
13 function getParameterByName(name)
14 {
15 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
16 if (match == null || match == ""){
17 return clickTag;
18 } else{
19 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
20 }
21 }
22 clickTag = getParameterByName('clickTag');
23
24 </script>
25 -->
26 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
27 <script type="text/javascript">
28 window.onload = function() {
29 eyeBuild.initialize();
30 }
31 </script>
32
33
34 <style>
35
36 body{
37 margin: 0;
38 padding: 0;
39 width: 300px;
40 height: 600px;
41 line-height: 1.2;
42 font-size: 27px;
43 letter-spacing: .4;
44 color: #CD040B;
45 font-family: "Neue Haas Grotesk", Arial, sans-serif;
46 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
47 font-style: normal;
48 }
49
50 a{
51 text-decoration: none;
52 color: inherit;
53 }
54 #border{
55 position: relative;
56 width: 300px;
57 height: 600px;
58 border: 1px solid #55565A;
59 background-color: #282828;
60 overflow: hidden;
61 cursor: pointer;
62 box-sizing: border-box;
63 background: url(assets/background.jpg);
64 /* background: url(guide1.png); */
65 }
66
67 #logo{
68 position: absolute;
69 width: 69px;
70 height: auto;
71 right: 21px;
72 bottom:28px;
73 opacity: 0;
74 }
75 #legal{
76 position: absolute;
77 width: 180px;
78 height: auto;
79 left: 9px;
80 bottom:6px;
81 }
82 #ey-frame{
83 position: absolute;
84 left: 21px;
85 top:23px;
86 z-index: 9;
87 }
88 #txt1a, #txt1b, #txt2 {
89 position: absolute;
90 width: 138px;
91 height: auto;
92 left: 51px;
93 top:94px;
94 z-index: 10;
95 opacity: 0;
96 }
97 #txt1b{
98 top:161px;
99 width: 113px;
100 }
101 #txt2{
102 left: 45px;
103 width: 214px;
104 }
105 #cannon{
106 position: absolute;
107 left: 150px;
108 top:270px;
109 }
110 #boy{
111 position: absolute;
112 left: 175px;
113 top:310px;
114 }
115 #box-1, #box-2{
116 position: absolute;
117 left: 209px;
118 top: 97px;
119 width:33px;
120 height: 33px;
121 border: white 4px solid;
122 opacity: 0;
123 z-index: 10;
124 }
125 #box-2{
126 top: 163px;
127 }
128 #gradient{
129 position: absolute;
130 opacity: .15;
131 }
132 #dot-1, #dot-2, #dot-3, #dot-txt{
133 position: absolute;
134 left: -12px;
135 top: 104px;
136 width:12px;
137 height: 12px;
138 background-color: #FFD400;
139 }
140 #dot-txt{
141 left:-12px;
142 top:131px;
143 opacity: 1;
144 }
145 #cta{
146 position: absolute;
147 left: 26px;
148 top:175px;
149 width:207px;
150 height: auto;
151 opacity: 0;
152 }
153 #tag1, #tag2, #tag3{
154 position: absolute;
155 left: 25px;
156 top:129px;
157 width:212px;
158 height: auto;
159 opacity: 0;
160 }
161 #tag2{
162 width:198px;
163 }
164 #tag3{
165 width:242px;
166 }
167 #tag-mask{
168 position: absolute;
169 width:0;
170 height:100%;
171 overflow: hidden;
172 }
173 #hash{
174 position: absolute;
175 left: 26px;
176 top:223px;
177 width:157px;
178 height: auto;
179 opacity: 0;
180 }
181
182
183
184 </style>
185 </head>
186
187 <body>
188 <a href="javascript:eyeBuild.doClick(0)" class="cta">
189 <div id="border">
190 <img id="boy" src="assets/boy.png" alt="boy">
191 <img id="cannon" src="assets/cannon.png" alt="cannon">
192 <img id="logo" src="assets/logo.png" alt="logo">
193 <img id="legal" src="assets/legal.png" alt="legal">
194 <img id="txt1a" src="assets/txt1a.png" alt="txt1">
195 <img id="txt1b" src="assets/txt1b.png" alt="txt1">
196 <div id="box-1"></div>
197 <div id="box-2"></div>
198 <img id="txt2" src="assets/txt2.png" alt="txt2">
199
200 <img id="gradient" src="assets/gradient.svg" alt="cta">
201 <div id="dot-1"></div>
202 <div id="dot-2"></div>
203 <div id="dot-3"></div>
204
205 <img id="cta" src="assets/cta.png" alt="cta">
206 <div id="tag-mask">
207 <img id="tag1" src="assets/tag1.png" alt="tag1">
208 <img id="tag2" src="assets/tag2.png" alt="tag2">
209 <img id="tag3" src="assets/tag3.png" alt="tag3">
210 </div>
211 <div id="dot-txt"></div>
212 <img id="hash" src="assets/hash.png" alt="hash">
213
214 <!--
215
216 -->
217
218 </div>
219 </a>
220
221 <!-- GREENSOCK-->
222 <script src="assets/TweenMax.min.js"></script>
223 <script src="assets/DrawSVGPlugin.min.js"></script>
224 <script src="assets/ey-frame-svg-1.0.3.min.js"></script>
225
226 <script>
227
228 function stage1(){
229 var tl = new TimelineMax(); /* {repeat:2, repeatDelay:2} */
230
231 var d=.4;
232
233
234 tl.to("#boy", .8, {left:150, top:270, ease:Power1.easeOut, delay:0 });
235 tl.to("#logo", .7, {opacity:1, ease:Power1.easeInOut, delay:-.5 });
236
237 var myeySvg = initEySvgFrame(12, 259, 218);
238 document.getElementById("border").appendChild(myeySvg);
239 animateEyFrame(1);
240 animateGradient(.2);
241
242 tl.to("#txt1a", d, {opacity:1, ease:Power1.easeInOut, delay:1.8 });
243 tl.to("#box-1", d, {opacity:1, ease:Power1.easeInOut, delay:-.2 });
244 tl.to("#txt1b", d, {opacity:1, ease:Power1.easeInOut, delay:.1 });
245 tl.to("#box-2", d, {opacity:1, ease:Power1.easeInOut, delay:-.2 });
246
247 tl.to("#txt1a", d, {opacity:0, ease:Power1.easeInOut, delay:1.5 });
248 tl.to("#box-1", d, {opacity:0, ease:Power1.easeInOut, delay:-d });
249 tl.to("#txt1b", d, {opacity:0, ease:Power1.easeInOut, delay:-d });
250 tl.to("#box-2", d, {opacity:0, ease:Power1.easeInOut, delay:-d });
251
252 //animateFill(3.3);
253 tl.to("#txt2", d, {opacity:1, ease:Power1.easeInOut, delay:0 });
254 tl.to("#txt2", d, {opacity:0, ease:Power1.easeInOut, delay:4 });
255
256 animateEyReverse(10);
257
258 // phase 2
259
260 tl.to("#gradient", d, {opacity:1, ease:Power1.easeInOut, delay:1 });
261
262 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:-.2 });
263 tl.fromTo("#dot-txt", d, {left:-12}, {left:312, ease:Linear.easeNone, delay:-d});
264 tl.to("#tag1", d, {opacity:1, ease:Linear.easeNone, delay:-d });
265 tl.fromTo("#dot-1", d, {left:-12, opacity:1}, {left:66, opacity:1, ease:Power3.easeOut, delay:0});
266 tl.to("#tag1", d, {opacity:0, ease:Linear.easeNone, delay:2 });
267
268 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
269 tl.fromTo("#dot-txt", d, {left:-12}, {left:312, ease:Linear.easeNone, delay:-d});
270 tl.to("#tag2", d, {opacity:1, ease:Linear.easeNone, delay:-d });
271 tl.fromTo("#dot-2", d, {left:-12}, {left:46, ease:Power3.easeOut, delay:0});
272 tl.to("#tag2", d, {opacity:0, ease:Linear.easeNone, delay:2 });
273
274 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
275 tl.fromTo("#dot-txt", d, {left:-12}, {left:312, ease:Linear.easeNone, delay:-d});
276 tl.to("#tag3", d, {opacity:1, ease:Linear.easeNone, delay:-d });
277 tl.fromTo("#dot-3", d, {left:-12}, {left:26, ease:Power3.easeOut, delay:0});
278
279 tl.to("#cta", d, {opacity:1, ease:Linear.easeNone, delay:0 });
280 tl.to("#hash", d, {opacity:1, ease:Linear.easeNone, delay:0 });
281
282
283
284 console.log( "time: " + tl.totalDuration() );
285 }
286
287 //---------------------
288 stage1();
289
290
291
292 </script>
293
294 </body>
295
296 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><defs><style>.cls-1{fill:none;stroke:#ffd400;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>close-h</title><rect class="cls-1" x="0.75" y="0.75" width="15" height="15"/><line class="cls-1" x1="5" y1="11.5" x2="11.5" y2="5"/><line class="cls-1" x1="11.5" y1="11.5" x2="5" y2="5"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><defs><style>.cls-1{fill:none;stroke:#6d6e71;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>close</title><rect class="cls-1" x="0.75" y="0.75" width="15" height="15"/><line class="cls-1" x1="5" y1="11.5" x2="11.5" y2="5"/><line class="cls-1" x1="11.5" y1="11.5" x2="5" y2="5"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 var closeButton = document.getElementById("close");
80 closeButton.addEventListener("click", function(e) {
81 eyeBuild.doClose();
82 });
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 600px;
97 height: 600px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 600px;
121 height: 600px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 570px;
132 height: 320px;
133 left:15px;
134 top:110px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 <img id="overlay" src="assets/overlay.png">
203 <img id="logo" src="assets/logo.png">
204 </a>
205 <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}'>
206 <source src="assets/vidA.mp4" type="video/mp4" />
207 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
208 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
209 </video>
210 <button type="button" id="play-pause" class="pause"></button>
211 <button type="button" id="close" class="close"></button>
212 </div>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script type="text/javascript">
10
11 /**
12 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
13 **/
14 window.onload = function() {
15 eyeBuild.initialize();
16 window.isVideoClick = false;
17
18 //var video = document.getElementsByTagName("video")[0];
19 var myVideoJsPlayer = videojs('video');
20 var video = document.querySelector("#video video");
21 var playButton = document.getElementById("play-pause");
22
23 videojs(video, {}, function(){
24
25 var videoPlays = 0;
26 var v0 = false;
27 var v25 = false;
28 var v50 = false;
29 var v75 = false;
30
31 video.addEventListener("play", function(e) {
32 eyeBuild.doIAT(0);
33 videoPlays++;
34 playButton.setAttribute("class", "play");
35 });
36 video.addEventListener("pause", function(e) {
37 eyeBuild.doIAT(1);
38 playButton.setAttribute("class", "pause");
39 });
40 video.addEventListener("ended", function(e) {
41 video.currentTime = 0;
42 playButton.setAttribute("class", "pause");
43 v0 = false;
44 v25 = false;
45 v50 = false;
46 v75 = false;
47 eyeBuild.doIAT(9);
48 });
49
50 // track video plays
51 video.addEventListener('timeupdate', function(e){
52 var pct = video.currentTime / video.duration *100;
53 if (pct > 75 && !v75){
54 v75 = true;
55 eyeBuild.doIAT(8);
56 }else if (pct > 50 && !v50){
57 v50 = true;
58 eyeBuild.doIAT(7);
59 }else if (pct > 25 && !v25){
60 v25 = true;
61 eyeBuild.doIAT(6);
62 }else if (pct > 0 && !v0){
63 v0 = true;
64 eyeBuild.doIAT(5);
65 if(videoPlays>1){
66 eyeBuild.doIAT(10);
67 }
68 }
69 }, false);
70
71 playButton.addEventListener('click', function(e){
72 myVideoJsPlayer.play();
73 }, false);
74
75 });
76
77
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 600px;
97 height: 600px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 600px;
121 height: 600px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 570px;
132 height: 320px;
133 left:15px;
134 top:110px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 <img id="overlay" src="assets/overlay.png">
203 <img id="logo" src="assets/logo.png">
204 </a>
205 <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}'>
206 <source src="assets/vidB.mp4" type="video/mp4" />
207 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
208 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
209 </video>
210 <button type="button" id="play-pause" class="pause"></button>
211 <button type="button" id="close" class="close"></button>
212 </div>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script type="text/javascript">
10
11 /**
12 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
13 **/
14 window.onload = function() {
15 eyeBuild.initialize();
16 window.isVideoClick = false;
17
18 //var video = document.getElementsByTagName("video")[0];
19 var myVideoJsPlayer = videojs('video');
20 var video = document.querySelector("#video video");
21 var playButton = document.getElementById("play-pause");
22
23 videojs(video, {}, function(){
24
25 var videoPlays = 0;
26 var v0 = false;
27 var v25 = false;
28 var v50 = false;
29 var v75 = false;
30
31 video.addEventListener("play", function(e) {
32 eyeBuild.doIAT(0);
33 videoPlays++;
34 playButton.setAttribute("class", "play");
35 });
36 video.addEventListener("pause", function(e) {
37 eyeBuild.doIAT(1);
38 playButton.setAttribute("class", "pause");
39 });
40 video.addEventListener("ended", function(e) {
41 video.currentTime = 0;
42 playButton.setAttribute("class", "pause");
43 v0 = false;
44 v25 = false;
45 v50 = false;
46 v75 = false;
47 eyeBuild.doIAT(9);
48 });
49
50 // track video plays
51 video.addEventListener('timeupdate', function(e){
52 var pct = video.currentTime / video.duration *100;
53 if (pct > 75 && !v75){
54 v75 = true;
55 eyeBuild.doIAT(8);
56 }else if (pct > 50 && !v50){
57 v50 = true;
58 eyeBuild.doIAT(7);
59 }else if (pct > 25 && !v25){
60 v25 = true;
61 eyeBuild.doIAT(6);
62 }else if (pct > 0 && !v0){
63 v0 = true;
64 eyeBuild.doIAT(5);
65 if(videoPlays>1){
66 eyeBuild.doIAT(10);
67 }
68 }
69 }, false);
70
71 playButton.addEventListener('click', function(e){
72 myVideoJsPlayer.play();
73 }, false);
74
75 });
76
77
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 600px;
97 height: 600px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 600px;
121 height: 600px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 570px;
132 height: 320px;
133 left:15px;
134 top:110px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 <img id="overlay" src="assets/overlay.png">
203 <img id="logo" src="assets/logo.png">
204 </a>
205 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
206 <source src="assets/vidC.mp4" type="video/mp4" />
207 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
208 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
209 </video>
210 <button type="button" id="play-pause" class="pause"></button>
211 <button type="button" id="close" class="close"></button>
212 </div>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript">
8 window.onload = function() {
9 eyeBuild.initialize();
10 var playButton = document.getElementById("play-pause");
11
12 playButton.addEventListener('click', function(e){
13 eyeBuild.doOpen();
14 }, false);
15 };
16 </script>
17
18 <style>
19
20 body{
21 margin: 0;
22 padding: 0;
23 width: 300px;
24 height: 600px;
25 line-height: 1.2;
26 font-size: 27px;
27 letter-spacing: .4;
28 color: #CD040B;
29 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
30 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
31 font-style: normal;
32 }
33
34 a{
35 text-decoration: none;
36 color: inherit;
37 }
38 #border{
39 position: relative;
40 width: 300px;
41 height: 600px;
42 border: 1px solid #55565A;
43 background-color: #282828;
44 overflow: hidden;
45 cursor: pointer;
46 box-sizing: border-box;
47 background: url(assets/back1.jpg);
48 background-size:300px 600px;
49 /* background: url(guide.png); */
50 }
51 #txt {
52 position: absolute;
53 width: 156px;
54 height: 131px;
55 left: 16px;
56 bottom:451px;
57 z-index: 10;
58 opacity: 0;
59 transform-origin: bottom;
60 }
61 #click-tag{
62 position: absolute;
63 width: 100%;
64 height: 100%;
65 display: block;
66 }
67 #play-pause {
68 position: absolute;
69 top: 320px;
70 left: 15px;
71 height: 153px;
72 width: 271px;
73 cursor: pointer;
74 border: none;
75 background: none;
76 }
77
78 </style>
79 </head>
80
81 <body>
82 <div id="border">
83 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
84 <img id="txt" src="assets/slice.png">
85
86 </a>
87 <button type="button" id="play-pause" class="pause"></button>
88 </div>
89
90 <!-- GREENSOCK-->
91 <script src="assets/TweenMax.min.js"></script>
92 <script>
93
94 function stage1(){
95 var tl = new TimelineMax({repeat:0, repeatDelay:2});
96
97 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
98 console.log( "time: " + tl.totalDuration() );
99 }
100
101 //---------------------
102 stage1();
103
104 </script>
105
106 </body>
107
108 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript">
8 window.onload = function() {
9 eyeBuild.initialize();
10 var playButton = document.getElementById("play-pause");
11
12 playButton.addEventListener('click', function(e){
13 eyeBuild.doOpen();
14 }, false);
15 };
16 </script>
17
18 <style>
19
20 body{
21 margin: 0;
22 padding: 0;
23 width: 300px;
24 height: 600px;
25 line-height: 1.2;
26 font-size: 27px;
27 letter-spacing: .4;
28 color: #CD040B;
29 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
30 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
31 font-style: normal;
32 }
33
34 a{
35 text-decoration: none;
36 color: inherit;
37 }
38 #border{
39 position: relative;
40 width: 300px;
41 height: 600px;
42 border: 1px solid #55565A;
43 background-color: #282828;
44 overflow: hidden;
45 cursor: pointer;
46 box-sizing: border-box;
47 background: url(assets/back2.jpg);
48 background-size:300px 600px;
49 /* background: url(guide.png); */
50 }
51 #txt {
52 position: absolute;
53 width: 156px;
54 height: 131px;
55 left: 16px;
56 bottom:451px;
57 z-index: 10;
58 opacity: 0;
59 transform-origin: bottom;
60 }
61 #click-tag{
62 position: absolute;
63 width: 100%;
64 height: 100%;
65 display: block;
66 }
67 #play-pause {
68 position: absolute;
69 top: 320px;
70 left: 15px;
71 height: 153px;
72 width: 271px;
73 cursor: pointer;
74 border: none;
75 background: none;
76 }
77
78 </style>
79 </head>
80
81 <body>
82 <div id="border">
83 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
84 <img id="txt" src="assets/slice.png">
85
86 </a>
87 <button type="button" id="play-pause" class="pause"></button>
88 </div>
89
90 <!-- GREENSOCK-->
91 <script src="assets/TweenMax.min.js"></script>
92 <script>
93
94 function stage1(){
95 var tl = new TimelineMax({repeat:0, repeatDelay:2});
96
97 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
98 console.log( "time: " + tl.totalDuration() );
99 }
100
101 //---------------------
102 stage1();
103
104 </script>
105
106 </body>
107
108 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript">
8 window.onload = function() {
9 eyeBuild.initialize();
10 var playButton = document.getElementById("play-pause");
11
12 playButton.addEventListener('click', function(e){
13 eyeBuild.doOpen();
14 }, false);
15 };
16 </script>
17
18 <style>
19
20 body{
21 margin: 0;
22 padding: 0;
23 width: 300px;
24 height: 600px;
25 line-height: 1.2;
26 font-size: 27px;
27 letter-spacing: .4;
28 color: #CD040B;
29 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
30 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
31 font-style: normal;
32 }
33
34 a{
35 text-decoration: none;
36 color: inherit;
37 }
38 #border{
39 position: relative;
40 width: 300px;
41 height: 600px;
42 border: 1px solid #55565A;
43 background-color: #282828;
44 overflow: hidden;
45 cursor: pointer;
46 box-sizing: border-box;
47 background: url(assets/back3.jpg);
48 background-size:300px 600px;
49 /* background: url(guide.png); */
50 }
51 #txt {
52 position: absolute;
53 width: 156px;
54 height: 131px;
55 left: 16px;
56 bottom:451px;
57 z-index: 10;
58 opacity: 0;
59 transform-origin: bottom;
60 }
61 #click-tag{
62 position: absolute;
63 width: 100%;
64 height: 100%;
65 display: block;
66 }
67 #play-pause {
68 position: absolute;
69 top: 320px;
70 left: 15px;
71 height: 153px;
72 width: 271px;
73 cursor: pointer;
74 border: none;
75 background: none;
76 }
77
78 </style>
79 </head>
80
81 <body>
82 <div id="border">
83 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
84 <img id="txt" src="assets/slice.png">
85
86 </a>
87 <button type="button" id="play-pause" class="pause"></button>
88 </div>
89
90 <!-- GREENSOCK-->
91 <script src="assets/TweenMax.min.js"></script>
92 <script>
93
94 function stage1(){
95 var tl = new TimelineMax({repeat:0, repeatDelay:2});
96
97 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
98 console.log( "time: " + tl.totalDuration() );
99 }
100
101 //---------------------
102 stage1();
103
104 </script>
105
106 </body>
107
108 </html>
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 0.0.10
3 * DATE: 2016-02-11
4 * UPDATES AND DOCS AT: http://greensock.com
5 *
6 * @license Copyright (c) 2008-2016, GreenSock. All rights reserved.
7 * DrawSVGPlugin is a Club GreenSock membership benefit; You must have a valid membership to use
8 * this code without violating the terms of use. Visit http://greensock.com/club/ to sign up or get more details.
9 * This work is subject to the software agreement that was issued with your membership.
10 *
11 * @author: Jack Doyle, jack@greensock.com
12 */
13 var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";function a(a,b,c,d){return c=parseFloat(c)-parseFloat(a),d=parseFloat(d)-parseFloat(b),Math.sqrt(c*c+d*d)}function b(a){return"string"!=typeof a&&a.nodeType||(a=_gsScope.TweenLite.selector(a),a.length&&(a=a[0])),a}function c(a,b,c){var d,e,f=a.indexOf(" ");return-1===f?(d=void 0!==c?c+"":a,e=a):(d=a.substr(0,f),e=a.substr(f+1)),d=-1!==d.indexOf("%")?parseFloat(d)/100*b:parseFloat(d),e=-1!==e.indexOf("%")?parseFloat(e)/100*b:parseFloat(e),d>e?[e,d]:[d,e]}function d(c){if(!c)return 0;c=b(c);var d,e,f,g,i,j,k,l=c.tagName.toLowerCase();if("path"===l){g=c.style.strokeDasharray,c.style.strokeDasharray="none",d=c.getTotalLength()||0;try{e=c.getBBox()}catch(m){}c.style.strokeDasharray=g}else if("rect"===l)d=2*c.getAttribute("width")+2*c.getAttribute("height");else if("circle"===l)d=2*Math.PI*parseFloat(c.getAttribute("r"));else if("line"===l)d=a(c.getAttribute("x1"),c.getAttribute("y1"),c.getAttribute("x2"),c.getAttribute("y2"));else if("polyline"===l||"polygon"===l)for(f=c.getAttribute("points").match(h)||[],"polygon"===l&&f.push(f[0],f[1]),d=0,i=2;i<f.length;i+=2)d+=a(f[i-2],f[i-1],f[i],f[i+1])||0;else"ellipse"===l&&(j=parseFloat(c.getAttribute("rx")),k=parseFloat(c.getAttribute("ry")),d=Math.PI*(3*(j+k)-Math.sqrt((3*j+k)*(j+3*k))));return d||0}function e(a,c){if(!a)return[0,0];a=b(a),c=c||d(a)+1;var e=g(a),f=e.strokeDasharray||"",h=parseFloat(e.strokeDashoffset),i=f.indexOf(",");return 0>i&&(i=f.indexOf(" ")),f=0>i?c:parseFloat(f.substr(0,i))||1e-5,f>c&&(f=c),[Math.max(0,-h),Math.max(0,f-h)]}var f,g=document.defaultView?document.defaultView.getComputedStyle:function(){},h=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi;f=_gsScope._gsDefine.plugin({propName:"drawSVG",API:2,version:"0.0.10",global:!0,overwriteProps:["drawSVG"],init:function(a,b,f){if(!a.getBBox)return!1;var g,h,i,j=d(a)+1;return this._style=a.style,b===!0||"true"===b?b="0 100%":b?-1===(b+"").indexOf(" ")&&(b="0 "+b):b="0 0",g=e(a,j),h=c(b,j,g[0]),this._length=j+10,0===g[0]&&0===h[0]?(i=Math.max(1e-5,h[1]-j),this._dash=j+i,this._offset=j-g[1]+i,this._addTween(this,"_offset",this._offset,j-h[1]+i,"drawSVG")):(this._dash=g[1]-g[0]||1e-6,this._offset=-g[0],this._addTween(this,"_dash",this._dash,h[1]-h[0]||1e-5,"drawSVG"),this._addTween(this,"_offset",this._offset,-h[0],"drawSVG")),!0},set:function(a){this._firstPT&&(this._super.setRatio.call(this,a),this._style.strokeDashoffset=this._offset,1===a||0===a?this._style.strokeDasharray=this._offset<.001&&this._length-this._dash<=10?"none":this._offset===this._dash?"0px, 999999px":this._dash+"px,"+this._length+"px":this._style.strokeDasharray=this._dash+"px,"+this._length+"px")}}),f.getLength=d,f.getPosition=e}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()();
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 1.0.3
3 * DATE: 2016-05-04
4 *
5 * Requires:
6 * GSAP TweenMax (import com.greensock.*;)
7 * GASP drawSVG Plugin ()
8 * This work is subject to the terms at http://greensock.com/standard-license or for
9 * Club GreenSock members, the software agreement that was issued with your membership.
10 *
11 * @license Copyright (c) 2016, Tenzing Communications Inc. All rights reserved.
12 *
13 * @author: Dan Rempel, dan@gotenzing.com
14
15 * Usage Example:
16 * var myEySvg = initEySvgFrame(10, 196, 193); // frame line weight, width, height
17 * document.getElementById("body").appendChild(myEySvg);
18 * animateEyFrame(2); // delay in seconds
19 * animateGradient(2); // delay in seconds
20 * animateFill(2); // delay in seconds
21 *
22 **/
23
24 var eySvg;var eyStroke;var eyDot1;var eyDot2;var eyDot3;var eyGradient;var eyFill;var tl;var eyStrokeWeight;var eySvgHeight;var eySvgWidth;var eyAngleHeight;var eyDotSpacing;var eyDotDuration=0.2;var eyFrameDuration=1;var eyGradientDuration=1;var eyFillDuration=1;var eyColor='#FFD400';var svgNS='http://www.w3.org/2000/svg';var isForward=!0;var initEySvgFrame=function(b,d,f){tl=new TimelineMax({onStart:tlStart,onUpdate:tlUpdate,onComplete:tlComplete,onReverseComplete:tlReverseComplete}),eyDotSpacing=Math.floor(b*8.5/10),eyStrokeWeight=b,eySvgWidth=d,eySvgHeight=f;var h=10*Math.PI/180;eyAngleHeight=Math.tan(h)*(d-b);var a=document.createElementNS(svgNS,'svg');a.setAttribute('id','ey-frame'),a.setAttribute('width',d+'px'),a.setAttribute('height',f+'px'),a.setAttribute('viewBox','0 0 '+eySvgWidth+' '+eySvgHeight);var g=document.createElementNS(svgNS,'defs');a.appendChild(g);var c=document.createElementNS(svgNS,'linearGradient');c.setAttribute('id','linear-gradient'),c.setAttribute('x1','0%'),c.setAttribute('x2','0%'),c.setAttribute('y1','0%'),c.setAttribute('y2','100%'),g.appendChild(c);var e;return e=createStop({id:'stop-1',offset:'0%',color:'Black',opacity:'.7'}),c.appendChild(e),e=createStop({id:'stop-2',offset:'100%',color:'Black',opacity:'0'}),c.appendChild(e),eyGradient=createShape('ey-gradient','url(#linear-gradient)'),a.appendChild(eyGradient),eyDot1=createDot(1),a.appendChild(eyDot1),eyDot2=createDot(2),a.appendChild(eyDot2),eyDot3=createDot(3),a.appendChild(eyDot3),eyStroke=createPath('ey-stroke'),eyStroke.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*3+' '+(eySvgHeight-b/2)+' H '+(d-b/2)+' V '+b/1.5+' L '+b/2+' '+(eyAngleHeight+b/2)+' V '+(f-b-eyDotSpacing)),a.appendChild(eyStroke),a;};var animateEyFrame=function(b){isForward=!0,tl.timeScale(1);var a=0;tl.fromTo(eyDot1,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut,delay:b}),tl.fromTo(eyDot2,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.fromTo(eyDot3,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.call(tlDotToLine,[]),tl.fromTo(eyStroke,eyFrameDuration,{drawSVG:'0'},{drawSVG:'0 100%',ease:Power1.easeIn});};var animateEyReverse=function(a){TweenMax.delayedCall(a,intAnimateEyReverse,[0]);};var animateGradient=function(a){tl.fromTo(eyGradient,0.5,{opacity:0},{opacity:1,delay:a});};var animateFill=function(a){(typeof eyFill==='undefined'||variable===null)&&(eyFill=createShape('ey-gradient',eyColor),eySvg.appendChild(eyFill)),tl.fromTo(eyFill,0.5,{y:eySvgHeight},{y:0,ease:Power2.easeIn,delay:a});};var createPath=function(b){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill','none'),a.setAttribute('stroke',eyColor),a.setAttribute('stroke-width',eyStrokeWeight),a.setAttribute('stroke-miterlimit','10'),a;};var createDot=function(b){var a=createPath('ey-dot'+b);return a.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*(b-1)+' '+(eySvgHeight-eyStrokeWeight/2)+' h '+eyStrokeWeight),a;};var createShape=function(b,c){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill',c),a.setAttribute('d',' M 0 '+eySvgHeight+' H '+eySvgWidth+' V 2 '+' L 0 '+(eyAngleHeight+2)+' Z '),a;};var createStop=function(b){var a=document.createElementNS(svgNS,'stop');return a.setAttribute('id',b.id),a.setAttribute('offset',b.offset),a.setAttribute('stop-color',b.color),a.setAttribute('stop-opacity',b.opacity),a;};var intAnimateEyReverse=function(a){isForward=!1,tl.reverse(a),tl.timeScale;};var tlStart=function(){};var tlDotToLine=function(){isForward||tl.timeScale(4);};var tlUpdate=function(){};var tlComplete=function(){};var tlReverseComplete=function(){};
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 </script>
5 <meta charset="utf-8">
6 <title>HTML5 GSAP Ad</title>
7 <meta name="ad.size" content="width=320,height=480">
8 <!--
9 <script type="text/javascript">
10
11 // IAB source: modified to allow link testing
12 var clickTag = "http://thecommonwell.ca/wave";
13 function getParameterByName(name)
14 {
15 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
16 if (match == null || match == ""){
17 return clickTag;
18 } else{
19 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
20 }
21 }
22 clickTag = getParameterByName('clickTag');
23
24 </script>
25 -->
26 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
27 <script type="text/javascript">
28 window.onload = function() {
29 eyeBuild.initialize();
30 }
31 </script>
32
33
34 <style>
35
36 body{
37 margin: 0;
38 padding: 0;
39 width: 320px;
40 height: 480px;
41 line-height: 1.2;
42 font-size: 27px;
43 letter-spacing: .4;
44 color: #CD040B;
45 font-family: "Neue Haas Grotesk", Arial, sans-serif;
46 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
47 font-style: normal;
48 }
49
50 a{
51 text-decoration: none;
52 color: inherit;
53 }
54 #border{
55 position: relative;
56 width: 320px;
57 height: 480px;
58 border: 1px solid #55565A;
59 background-color: #282828;
60 overflow: hidden;
61 cursor: pointer;
62 box-sizing: border-box;
63 background: url(assets/background.jpg);
64 /* background: url(guide2.png); */
65 }
66 #logo{
67 position: absolute;
68 width: 69px;
69 height: auto;
70 right: 12px;
71 bottom:26px;
72 opacity: 0;
73 }
74 #legal{
75 position: absolute;
76 width: 180px;
77 height: auto;
78 left: 9px;
79 bottom:6px;
80 }
81 #ey-frame{
82 position: absolute;
83 left: 32px;
84 top:29px;
85 z-index: 9;
86 }
87 #txt1, #txt2 {
88 position: absolute;
89 width: 194px;
90 height: auto;
91 left: 63px;
92 top:110px;
93 z-index: 10;
94 opacity: 0;
95 }
96 #txt2{
97 left: 57px;
98 top:105px;
99 width: 211px;
100 }
101 #mask{
102 position: absolute;
103 left: 87px;
104 top:320px;
105 }
106 #arm{
107 position: absolute;
108 left: 0px;
109 top: 0px;
110 }
111 #dot-1, #dot-2, #dot-3, #dot-txt{
112 position: absolute;
113 left: -12px;
114 top: 81px; /* 104px */
115 width:12px;
116 height: 12px;
117 background-color: #FFD400;
118 }
119 #dot-txt{
120 left:-12px;
121 top:108px;
122 opacity: 1;
123 }
124 #cta{
125 position: absolute;
126 left: 38px;
127 top:153px;
128 width:207px;
129 height: auto;
130 opacity: 0;
131 }
132 #tag1, #tag2, #tag3{
133 position: absolute;
134 left: 38px;
135 top:106px;
136 width:212px;
137 height: auto;
138 opacity: 0;
139 }
140 #tag2{
141 width:198px;
142 }
143 #tag3{
144 width:242px;
145 }
146 #tag-mask{
147 position: absolute;
148 width:0;
149 height:100%;
150 overflow: hidden;
151 }
152 #hash{
153 position: absolute;
154 left: 36px;
155 top:201px;
156 width:167px;
157 height: auto;
158 opacity: 0;
159 }
160 </style>
161 </head>
162
163 <body>
164 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"> -->
165 <a href="javascript:eyeBuild.doClick(0)" class="cta">
166 <div id="border">
167 <img id="arm" src="assets/arm.png" alt="arm">
168 <img id="mask" src="assets/mask.png" alt="mask">
169 <img id="logo" src="assets/logo.png" alt="logo">
170 <img id="legal" src="assets/legal.png" alt="legal">
171 <img id="txt1" src="assets/txt1.png" alt="txt1">
172 <img id="txt2" src="assets/txt2.png" alt="txt2">
173
174
175 <div id="dot-1"></div>
176 <div id="dot-2"></div>
177 <div id="dot-3"></div>
178
179 <img id="cta" src="assets/cta.png" alt="cta">
180 <div id="tag-mask">
181 <img id="tag1" src="assets/tag1.png" alt="tag1">
182 <img id="tag2" src="assets/tag2.png" alt="tag2">
183 <img id="tag3" src="assets/tag3.png" alt="tag3">
184 </div>
185 <div id="dot-txt"></div>
186 <img id="hash" src="assets/hash.png" alt="hash">
187
188 <!--
189
190 -->
191
192 </div>
193 </a>
194
195 <!-- GREENSOCK-->
196 <script src="assets/TweenMax.min.js"></script>
197 <script src="assets/DrawSVGPlugin.min.js"></script>
198 <script src="assets/ey-frame-svg-1.0.3.min.js"></script>
199
200 <script>
201
202 function stage1(){
203 var tl = new TimelineMax(); /* {repeat:2, repeatDelay:2} */
204
205 var d=.4;
206
207
208 tl.to("#logo", .7, {opacity:1, ease:Power1.easeInOut, delay:0 });
209 tl.to("#arm", .8, {left:-20, top:9, ease:Power1.easeInOut, delay:.2 });
210
211 var myeySvg = initEySvgFrame(12, 259, 218);
212 document.getElementById("border").appendChild(myeySvg);
213 animateEyFrame(1);
214 animateGradient(.2);
215
216 tl.to("#txt1", d, {opacity:1, ease:Power1.easeInOut, delay:1.8 });
217 tl.to("#txt1", d, {opacity:0, ease:Power1.easeInOut, delay:2.5 });
218
219 //animateFill(3.3);
220
221 tl.to("#txt2", d, {opacity:1, ease:Power1.easeInOut, delay:0 });
222 tl.to("#txt2", d, {opacity:0, ease:Power1.easeInOut, delay:3 });
223
224 animateEyReverse(10);
225
226
227 // phase 2
228
229 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:1.25 });
230 tl.fromTo("#dot-txt", d, {left:-12}, {left:321, ease:Linear.easeNone, delay:-d});
231 tl.to("#tag1", d, {opacity:1, ease:Linear.easeNone, delay:-d });
232 tl.fromTo("#dot-1", d, {left:-12, opacity:1}, {left:77, opacity:1, ease:Power3.easeOut, delay:0});
233 tl.to("#tag1", d, {opacity:0, ease:Linear.easeNone, delay:2 });
234
235 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
236 tl.fromTo("#dot-txt", d, {left:-12}, {left:321, ease:Linear.easeNone, delay:-d});
237 tl.to("#tag2", d, {opacity:1, ease:Linear.easeNone, delay:-d });
238 tl.fromTo("#dot-2", d, {left:-12}, {left:57, ease:Power3.easeOut, delay:0});
239 tl.to("#tag2", d, {opacity:0, ease:Linear.easeNone, delay:2 });
240
241 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
242 tl.fromTo("#dot-txt", d, {left:-12}, {left:321, ease:Linear.easeNone, delay:-d});
243 tl.to("#tag3", d, {opacity:1, ease:Linear.easeNone, delay:-d });
244 tl.fromTo("#dot-3", d, {left:-12}, {left:37, ease:Power3.easeOut, delay:0});
245
246 tl.to("#cta", d, {opacity:1, ease:Linear.easeNone, delay:0 });
247 tl.to("#hash", d, {opacity:1, ease:Linear.easeNone, delay:0 });
248
249
250
251 console.log( "time: " + tl.totalDuration() );
252 }
253
254 //---------------------
255 stage1();
256
257
258
259 </script>
260
261 </body>
262
263 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 320px;
97 height: 480px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 320px;
121 height: 480px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 background: url(assets/back1.jpg) no-repeat;
128 background-size: 320px 480px;
129 }
130
131 #video, #play-pause{
132 position: absolute;
133 width: 290px;
134 height: 163px;
135 left:16px;
136 top:199px;
137 border:none;
138 }
139 #play-pause{
140 cursor: pointer;
141 background: url(assets/play.svg) no-repeat center center;
142 }
143 #play-pause.pause:hover{
144 background-size: 60px 60px;
145 }
146 #play-pause.pause:active{
147 background-size: 50px 50px;
148 }
149 #play-pause.pause{
150 background-size: 55px 55px;
151 display: block;
152 }
153 #play-pause.play{
154 display: none;
155 }
156 .vjs-big-play-button{
157 display: none !important;
158 }
159
160 #txt {
161 position: absolute;
162 width: 155px;
163 height: 131px;
164 left: 15px;
165 bottom:319px;
166 z-index: 10;
167 opacity: 0;
168 transform-origin: bottom;
169 }
170 </style>
171 </head>
172
173 <body>
174 <div id="border">
175 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
176 <img id="txt" src="assets/slice.png" alt="txt">
177 </a>
178 <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}'>
179 <source src="assets/vidA.mp4" type="video/mp4" />
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
181 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
182 </video>
183 <button id="play-pause" class="pause"></button>
184 </div>
185
186
187 <script>
188
189 function stage1(){
190 var tl = new TimelineMax({repeat:0, repeatDelay:2});
191
192 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
193
194 console.log( "time: " + tl.totalDuration() );
195 }
196
197 //---------------------
198 stage1();
199
200
201
202 </script>
203
204 </body>
205
206 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 320px;
97 height: 480px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 320px;
121 height: 480px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 background: url(assets/back2.jpg) no-repeat;
128 background-size: 320px 480px;
129 }
130
131 #video, #play-pause{
132 position: absolute;
133 width: 290px;
134 height: 163px;
135 left:16px;
136 top:199px;
137 border:none;
138 }
139 #play-pause{
140 cursor: pointer;
141 background: url(assets/play.svg) no-repeat center center;
142 }
143 #play-pause.pause:hover{
144 background-size: 60px 60px;
145 }
146 #play-pause.pause:active{
147 background-size: 50px 50px;
148 }
149 #play-pause.pause{
150 background-size: 55px 55px;
151 display: block;
152 }
153 #play-pause.play{
154 display: none;
155 }
156 .vjs-big-play-button{
157 display: none !important;
158 }
159
160 #txt {
161 position: absolute;
162 width: 155px;
163 height: 131px;
164 left: 15px;
165 bottom:319px;
166 z-index: 10;
167 opacity: 0;
168 transform-origin: bottom;
169 }
170 </style>
171 </head>
172
173 <body>
174 <div id="border">
175 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
176 <img id="txt" src="assets/slice.png" alt="txt">
177 </a>
178 <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}'>
179 <source src="assets/vidB.mp4" type="video/mp4" />
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
181 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
182 </video>
183 <button id="play-pause" class="pause"></button>
184 </div>
185
186
187 <script>
188
189 function stage1(){
190 var tl = new TimelineMax({repeat:0, repeatDelay:2});
191
192 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
193
194 console.log( "time: " + tl.totalDuration() );
195 }
196
197 //---------------------
198 stage1();
199
200
201
202 </script>
203
204 </body>
205
206 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 320px;
97 height: 480px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 320px;
121 height: 480px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 background: url(assets/back3.jpg) no-repeat;
128 background-size: 320px 480px;
129 }
130
131 #video, #play-pause{
132 position: absolute;
133 width: 290px;
134 height: 163px;
135 left:16px;
136 top:199px;
137 border:none;
138 }
139 #play-pause{
140 cursor: pointer;
141 background: url(assets/play.svg) no-repeat center center;
142 }
143 #play-pause.pause:hover{
144 background-size: 60px 60px;
145 }
146 #play-pause.pause:active{
147 background-size: 50px 50px;
148 }
149 #play-pause.pause{
150 background-size: 55px 55px;
151 display: block;
152 }
153 #play-pause.play{
154 display: none;
155 }
156 .vjs-big-play-button{
157 display: none !important;
158 }
159
160 #txt {
161 position: absolute;
162 width: 155px;
163 height: 131px;
164 left: 15px;
165 bottom:319px;
166 z-index: 10;
167 opacity: 0;
168 transform-origin: bottom;
169 }
170 </style>
171 </head>
172
173 <body>
174 <div id="border">
175 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
176 <img id="txt" src="assets/slice.png" alt="txt">
177 </a>
178 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
179 <source src="assets/vidC.mp4" type="video/mp4" />
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
181 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
182 </video>
183 <button id="play-pause" class="pause"></button>
184 </div>
185
186 <script>
187
188 function stage1(){
189 var tl = new TimelineMax({repeat:0, repeatDelay:2});
190
191 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
192
193 console.log( "time: " + tl.totalDuration() );
194 }
195
196 //---------------------
197 stage1();
198
199
200
201 </script>
202
203 </body>
204
205 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 768px;
97 height: 1024px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 768px;
121 height: 1024px;
122 border: 1px solid #55565A;
123 overflow: hidden;
124 cursor: pointer;
125 box-sizing: border-box;
126 background: url(assets/back1.jpg) no-repeat #000;
127 background-size: 768px 432px;
128 }
129
130 #video, #play-pause{
131 position: absolute;
132 width: 710px;
133 height: 401px;
134 left:28px;
135 top:476px;
136 border:none;
137 }
138 #play-pause{
139 cursor: pointer;
140 background: url(assets/play.svg) no-repeat center center;
141 }
142 #play-pause.pause:hover{
143 background-size: 60px 60px;
144 }
145 #play-pause.pause:active{
146 background-size: 50px 50px;
147 }
148 #play-pause.pause{
149 background-size: 55px 55px;
150 display: block;
151 }
152 #play-pause.play{
153 display: none;
154 }
155 .vjs-big-play-button{
156 display: none !important;
157 }
158
159 #txt {
160 position: absolute;
161 width: 244px;
162 height: 205px;
163 left: 43px;
164 bottom:780px;
165 z-index: 10;
166 opacity: 0;
167 transform-origin: bottom;
168 }
169 #overlay {
170 position: absolute;
171 width: 719px;
172 height: 76px;
173 left: 27px;
174 bottom:31px;
175 }
176 </style>
177 </head>
178
179 <body>
180 <div id="border">
181 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
182 <img id="txt" src="assets/slice.png" alt="txt">
183 <img id="overlay" src="assets/overlay.png" style="border-style:none">
184 </a>
185 <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}'>
186 <source src="assets/vidA.mp4" type="video/mp4" />
187 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
188 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
189 </video>
190 <button id="play-pause" class="pause"></button>
191 </div>
192
193 <script>
194
195 function stage1(){
196 var tl = new TimelineMax({repeat:0, repeatDelay:2});
197
198 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
199
200 console.log( "time: " + tl.totalDuration() );
201 }
202
203 //---------------------
204 stage1();
205
206
207
208 </script>
209
210 </body>
211
212 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 768px;
97 height: 1024px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 768px;
121 height: 1024px;
122 border: 1px solid #55565A;
123 overflow: hidden;
124 cursor: pointer;
125 box-sizing: border-box;
126 background: url(assets/back2.jpg) no-repeat #000;
127 background-size: 768px 432px;
128 }
129
130 #video, #play-pause{
131 position: absolute;
132 width: 710px;
133 height: 401px;
134 left:28px;
135 top:476px;
136 border:none;
137 }
138 #play-pause{
139 cursor: pointer;
140 background: url(assets/play.svg) no-repeat center center;
141 }
142 #play-pause.pause:hover{
143 background-size: 60px 60px;
144 }
145 #play-pause.pause:active{
146 background-size: 50px 50px;
147 }
148 #play-pause.pause{
149 background-size: 55px 55px;
150 display: block;
151 }
152 #play-pause.play{
153 display: none;
154 }
155 .vjs-big-play-button{
156 display: none !important;
157 }
158
159 #txt {
160 position: absolute;
161 width: 244px;
162 height: 205px;
163 left: 43px;
164 bottom:780px;
165 z-index: 10;
166 opacity: 0;
167 transform-origin: bottom;
168 }
169 #overlay {
170 position: absolute;
171 width: 719px;
172 height: 76px;
173 left: 27px;
174 bottom:31px;
175 }
176 </style>
177 </head>
178
179 <body>
180 <div id="border">
181 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
182 <img id="txt" src="assets/slice.png" alt="txt">
183 <img id="overlay" src="assets/overlay.png" style="border-style:none">
184 </a>
185 <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}'>
186 <source src="assets/vidB.mp4" type="video/mp4" />
187 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
188 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
189 </video>
190 <button id="play-pause" class="pause"></button>
191 </div>
192
193
194 <script>
195
196 function stage1(){
197 var tl = new TimelineMax({repeat:0, repeatDelay:2});
198
199 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
200
201 console.log( "time: " + tl.totalDuration() );
202 }
203
204 //---------------------
205 stage1();
206
207
208
209 </script>
210
211 </body>
212
213 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 768px;
97 height: 1024px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 768px;
121 height: 1024px;
122 border: 1px solid #55565A;
123 overflow: hidden;
124 cursor: pointer;
125 box-sizing: border-box;
126 background: url(assets/back3.jpg) no-repeat #000;
127 background-size: 768px 432px;
128 }
129
130 #video, #play-pause{
131 position: absolute;
132 width: 710px;
133 height: 401px;
134 left:28px;
135 top:476px;
136 border:none;
137 }
138 #play-pause{
139 cursor: pointer;
140 background: url(assets/play.svg) no-repeat center center;
141 }
142 #play-pause.pause:hover{
143 background-size: 60px 60px;
144 }
145 #play-pause.pause:active{
146 background-size: 50px 50px;
147 }
148 #play-pause.pause{
149 background-size: 55px 55px;
150 display: block;
151 }
152 #play-pause.play{
153 display: none;
154 }
155 .vjs-big-play-button{
156 display: none !important;
157 }
158
159 #txt {
160 position: absolute;
161 width: 244px;
162 height: 205px;
163 left: 43px;
164 bottom:780px;
165 z-index: 10;
166 opacity: 0;
167 transform-origin: bottom;
168 }
169 #overlay {
170 position: absolute;
171 width: 719px;
172 height: 76px;
173 left: 27px;
174 bottom:31px;
175 }
176 </style>
177 </head>
178
179 <body>
180 <div id="border">
181 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
182 <img id="txt" src="assets/slice.png" alt="txt">
183 <img id="overlay" src="assets/overlay.png" style="border-style:none">
184 </a>
185 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
186 <source src="assets/vidC.mp4" type="video/mp4" />
187 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
188 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
189 </video>
190 <button id="play-pause" class="pause"></button>
191 </div>
192
193
194 <script>
195
196 function stage1(){
197 var tl = new TimelineMax({repeat:0, repeatDelay:2});
198
199 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
200
201 console.log( "time: " + tl.totalDuration() );
202 }
203
204 //---------------------
205 stage1();
206
207
208
209 </script>
210
211 </body>
212
213 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 970px;
97 height: 250px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 970px;
121 height: 250px;
122 border: 1px solid #55565A;
123 overflow: hidden;
124 cursor: pointer;
125 box-sizing: border-box;
126 background: url(assets/back1.jpg) no-repeat #000;
127 background-size: 561px 250px;
128 }
129
130 #video, #play-pause{
131 position: absolute;
132 width: 382px;
133 height: 215px;
134 left:570px;
135 top:17px;
136 border:none;
137 }
138 #play-pause{
139 cursor: pointer;
140 background: url(assets/play.svg) no-repeat center center;
141 }
142 #play-pause.pause:hover{
143 background-size: 60px 60px;
144 }
145 #play-pause.pause:active{
146 background-size: 50px 50px;
147 }
148 #play-pause.pause{
149 background-size: 55px 55px;
150 display: block;
151 }
152 #play-pause.play{
153 display: none;
154 }
155 .vjs-big-play-button{
156 display: none !important;
157 }
158
159 #txt {
160 position: absolute;
161 width: 177px;
162 height: 149px;
163 left: 21px;
164 bottom:85px;
165 z-index: 10;
166 opacity: 0;
167 transform-origin: bottom;
168 }
169 </style>
170 </head>
171
172 <body>
173 <div id="border">
174 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
175 <img id="txt" src="assets/slice.png" alt="txt">
176 </a>
177 <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}'>
178 <source src="assets/vidA.mp4" type="video/mp4" />
179 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
181 </video>
182 <button id="play-pause" class="pause"></button>
183 </div>
184
185 <script>
186
187 function stage1(){
188 var tl = new TimelineMax({repeat:0, repeatDelay:2});
189
190 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
191
192 console.log( "time: " + tl.totalDuration() );
193 }
194
195 //---------------------
196 stage1();
197
198
199
200 </script>
201
202 </body>
203
204 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 970px;
97 height: 250px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 970px;
121 height: 250px;
122 border: 1px solid #55565A;
123 overflow: hidden;
124 cursor: pointer;
125 box-sizing: border-box;
126 background: url(assets/back2.jpg) no-repeat #000;
127 background-size: 561px 250px;
128 }
129
130 #video, #play-pause{
131 position: absolute;
132 width: 382px;
133 height: 215px;
134 left:570px;
135 top:17px;
136 border:none;
137 }
138 #play-pause{
139 cursor: pointer;
140 background: url(assets/play.svg) no-repeat center center;
141 }
142 #play-pause.pause:hover{
143 background-size: 60px 60px;
144 }
145 #play-pause.pause:active{
146 background-size: 50px 50px;
147 }
148 #play-pause.pause{
149 background-size: 55px 55px;
150 display: block;
151 }
152 #play-pause.play{
153 display: none;
154 }
155 .vjs-big-play-button{
156 display: none !important;
157 }
158
159 #txt {
160 position: absolute;
161 width: 177px;
162 height: 149px;
163 left: 21px;
164 bottom:85px;
165 z-index: 10;
166 opacity: 0;
167 transform-origin: bottom;
168 }
169 </style>
170 </head>
171
172 <body>
173 <div id="border">
174 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
175 <img id="txt" src="assets/slice.png" alt="txt">
176 </a>
177 <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}'>
178 <source src="assets/vidB.mp4" type="video/mp4" />
179 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
181 </video>
182 <button id="play-pause" class="pause"></button>
183 </div>
184
185 <script>
186
187 function stage1(){
188 var tl = new TimelineMax({repeat:0, repeatDelay:2});
189
190 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
191
192 console.log( "time: " + tl.totalDuration() );
193 }
194
195 //---------------------
196 stage1();
197
198
199
200 </script>
201
202 </body>
203
204 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 970px;
97 height: 250px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 970px;
121 height: 250px;
122 border: 1px solid #55565A;
123 overflow: hidden;
124 cursor: pointer;
125 box-sizing: border-box;
126 background: url(assets/back3.jpg) no-repeat #000;
127 background-size: 561px 250px;
128 }
129
130 #video, #play-pause{
131 position: absolute;
132 width: 382px;
133 height: 215px;
134 left:570px;
135 top:17px;
136 border:none;
137 }
138 #play-pause{
139 cursor: pointer;
140 background: url(assets/play.svg) no-repeat center center;
141 }
142 #play-pause.pause:hover{
143 background-size: 60px 60px;
144 }
145 #play-pause.pause:active{
146 background-size: 50px 50px;
147 }
148 #play-pause.pause{
149 background-size: 55px 55px;
150 display: block;
151 }
152 #play-pause.play{
153 display: none;
154 }
155 .vjs-big-play-button{
156 display: none !important;
157 }
158
159 #txt {
160 position: absolute;
161 width: 177px;
162 height: 149px;
163 left: 21px;
164 bottom:85px;
165 z-index: 10;
166 opacity: 0;
167 transform-origin: bottom;
168 }
169 </style>
170 </head>
171
172 <body>
173 <div id="border">
174 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
175 <img id="txt" src="assets/slice.png" alt="txt">
176 </a>
177 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
178 <source src="assets/vidC.mp4" type="video/mp4" />
179 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
181 </video>
182 <button id="play-pause" class="pause"></button>
183 </div>
184
185 <script>
186
187 function stage1(){
188 var tl = new TimelineMax({repeat:0, repeatDelay:2});
189
190 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
191
192 console.log( "time: " + tl.totalDuration() );
193 }
194
195 //---------------------
196 stage1();
197
198
199
200 </script>
201
202 </body>
203
204 </html>
...\ No newline at end of file ...\ No newline at end of file
1 /**
2
3 Draws the EY frame at any size.
4 Author: Dan Rempel, Tenzing Communications
5 Date: 2016-04-15
6
7 Requires GSAP TweenMax
8
9 **/
10
11
12 var tl;
13
14 /**
15 myWeight:Number - the width of the line of the frame in pixels
16 myWidth:Number - width of the desired frame in pixels measured from the outside to the outside
17 myHeight:Number - height of the desired frame in pixels measured from the peak to the bottom
18 myDuration:Number - seconds the animation will take to elapse from start to finish
19
20 Returns div element containing the EY Div Frame. It will automatically animate in.
21 **/
22 var drawEyDivFrame = function (myWeight, myWidth, myHeight, myDuration)
23 {
24 tl = new TimelineMax();
25
26 var div = document.createElement("div");
27 div.style.position = "absolute";
28 //div.style.background = "green";
29 div.style.width = myWidth+"px";
30 div.style.height = myHeight+"px";
31 div.style.overflow = "hidden";
32 div.style.left = 10+"px";
33 div.style.top = 10+"px";
34
35 var myColor = "#FFD400";
36 var dotSpacing = Math.floor(myWeight*8/10); // EY ratio of weight to spacing
37 var myX = 0;
38 var myY = 0;
39 var myRadians = 10 * Math.PI / 180; // EY angles up at 10 degrees
40 var angleHeight = Math.tan(myRadians)*myWidth - myWeight; // height of the shoulder to top of head
41 var myOrigin = "bottom left";
42 var myDelay = 0;
43 var myEase = Power1.easeInOut; //ease:Linear.easeNone
44
45 //////// calculate the duration of each line
46 var myLength = myWeight;
47 myDuration = myDuration/2; // want to use half the duration for the dots.
48
49 var dotsCombinedLength = (myWeight + dotSpacing) * 3;
50 var myDotDuration = myLength*myDuration/dotsCombinedLength;
51 var myDotDelay = dotSpacing*myDuration/dotsCombinedLength; // delay after dot is drawn
52
53 var perimeter = (myWidth + myHeight)*2 - angleHeight - myWeight*4 -dotsCombinedLength;
54
55
56
57
58 var dot1 = drawLine({color:myColor, weight:myWeight, fromX:myX,
59 fromY:myHeight-myWeight, length:myLength, angle:0, origin:myOrigin, duration:myDotDuration}, div, tl, myDelay, myEase);
60 var dot2 = drawLine({color:myColor, weight:myWeight, fromX:myX+=(dotSpacing+myWeight),
61 fromY:myHeight-myWeight, length:myLength, angle:0, origin:myOrigin, duration:myDotDuration}, div, tl, myDotDelay, myEase);
62 var dot3 = drawLine({color:myColor, weight:myWeight, fromX:myX+=(dotSpacing+myWeight),
63 fromY:myHeight-myWeight, length:myLength, angle:0, origin:myOrigin, duration:myDotDuration}, div, tl, myDotDelay, myEase);
64
65 //tl.addCallback( callback:reversedToDots, position:myDuration, params:[], scope:tl );
66 tl.addCallback( reversedToDots, myDuration+myDotDelay, [], tl );
67
68 myLength = myWidth-myX;
69 var lineBottom = drawLine({color:myColor, weight:myWeight, fromX:myX+=(dotSpacing+myWeight),
70 fromY:myHeight-myWeight, length:myLength, angle:0, origin:myOrigin, duration:myLength*myDuration/perimeter}, div, tl, myDotDelay, myEase);
71 myLength = myHeight-myWeight*1.2;
72 var lineRight = drawLine({color:myColor, weight:myWeight, fromX:myWidth,
73 fromY:myHeight-myWeight*2, length:myLength, angle:-90, origin:myOrigin, duration:myLength*myDuration/perimeter}, div, tl, myDelay-=myWeight*myDuration/perimeter, myEase);
74 myLength = myWidth+myWeight;
75 var lineTop = drawLine({color:myColor, weight:myWeight, fromX:myWidth,
76 fromY:-myWeight, length:myLength, angle:-190, origin:myOrigin, duration:myLength*myDuration/perimeter}, div, tl, myDelay, myEase);
77 myLength = myHeight-angleHeight-myWeight*2-dotSpacing;
78 var lineLeft = drawLine({color:myColor, weight:myWeight, fromX:0,
79 fromY:angleHeight, length:myLength, angle:-270, origin:myOrigin, duration:myLength*myDuration/perimeter}, div, tl, myDelay, myEase);
80
81 console.log("drawEyDivFrame total animation time: ", tl.totalDuration() );
82 return div;
83 }
84
85 var reverseDrawEyDivFrame = function ()
86 {
87 return tl.reverse();
88 }
89 var reversedToDots = function (myTimeLine)
90 {
91 if( tl.reversed() )
92 {
93 tl.timeScale(8);
94 };
95 }
96
97
98 /**
99 styleObj:Object - with the following properties
100 color:String - CSS colour value as a string "#FFF" or "red" to define the colour of the line
101 weight:Number - Pixels defining the thickness of the line
102 fromX:Number - the x position in pixels where this line will start
103 fromY:Number - the y position in pixels where this line will start
104 length:Number - the length of the line in pixels
105 angle:Number - the degrees defines the direction the line will be drawn
106 origin:myOrigin - 0 = right; -90 = up
107 duration:Number - seconds the drawing of this line should take
108 container:HTMLelement - HTML element into which you will draw this element. It should be absolute or relative positioned.
109 timeline:TimelineMax - timeline to which you need this line draw animation added.
110 myDelay:Number - seconds delay from the previous animation before this one starts
111 **/
112 var drawLine = function (styleObj, container, timeline, myDelay, myEase)
113 {
114 var div = document.createElement("div");
115
116 var myRotation = "rotate(" + styleObj.angle+"deg)";
117
118 div.style.webkitTransformOrigin = styleObj.origin;
119 div.style.MozTransformOrigin = styleObj.origin;
120 div.style.mxTransformOrigin = styleObj.origin;
121 div.style.OTransformOrigin = styleObj.origin;
122 div.style.transformOrigin = styleObj.origin;
123
124 div.style.webkitTransform = myRotation;
125 div.style.MozTransform = myRotation;
126 div.style.msTransform = myRotation;
127 div.style.OTransform = myRotation;
128 div.style.transform = myRotation;
129
130 div.style.position = "absolute";
131 div.style.left = styleObj.fromX;
132 div.style.top = styleObj.fromY;
133 div.style.background = styleObj.color;
134 div.style.height = styleObj.weight+"px";
135 div.style.left = styleObj.fromX+"px";
136 div.style.top = styleObj.fromY+"px";
137
138 div.style.width = "0px"; /////// needs to be 0 before animating to this width
139
140 container.appendChild(div);
141 timeline.to(div, styleObj.duration, {width:styleObj.length, ease:myEase, delay:myDelay});
142
143 return div;
144 }
145
146 //drawEyDivFrame(myWeight, myWidth, myHeight, duration);
147 var div = drawEyDivFrame(10, 196, 193, 2);
148 document.body.appendChild(div);
149
1 /*!
2 * VERSION: 1.0.3
3 * DATE: 2016-05-04
4 *
5 * Requires:
6 * GSAP TweenMax (import com.greensock.*;)
7 * GASP drawSVG Plugin ()
8 * This work is subject to the terms at http://greensock.com/standard-license or for
9 * Club GreenSock members, the software agreement that was issued with your membership.
10 *
11 * @license Copyright (c) 2016, Tenzing Communications Inc. All rights reserved.
12 *
13 * @author: Dan Rempel, dan@gotenzing.com
14
15 * Usage Example:
16 * var myEySvg = initEySvgFrame(10, 196, 193); // frame line weight, width, height
17 * document.getElementById("body").appendChild(myEySvg);
18 * animateEyFrame(2); // delay in seconds
19 * animateGradient(2); // delay in seconds
20 * animateFill(2); // delay in seconds
21 *
22 * MINIFY:
23 * http://esprima.org/demo/minify.html
24 *
25 **/
26
27
28 var eySvg;
29 var eyStroke;
30 var eyDot1;
31 var eyDot2;
32 var eyDot3;
33 var eyGradient;
34 var eyFill;
35
36 var tl;
37 var eyStrokeWeight;
38 var eySvgHeight;
39 var eySvgWidth;
40 var eyAngleHeight;
41 var eyDotSpacing;
42 var eyDotDuration = .2; // seconds for animation
43 var eyFrameDuration = 1; // seconds for animation
44 var eyGradientDuration = 1; // seconds for animation
45 var eyFillDuration = 1; // seconds for animation
46 var eyColor = "#FFD400";
47 var svgNS = "http://www.w3.org/2000/svg";
48 var isForward = true;
49
50 /**
51 myWeight:Number - the width of the line of the frame in pixels
52 myWidth:Number - width of the desired frame in pixels measured from the outside to the outside
53 myHeight:Number - height of the desired frame in pixels measured from the peak to the bottom
54 myDuration:Number - seconds the animation will take to elapse from start to finish
55
56 Returns: SVG element
57 **/
58 var initEySvgFrame = function (myWeight, myWidth, myHeight)
59 {
60 //// calculate all the points and variables to assist in drawing ////
61
62 tl = new TimelineMax({onStart:tlStart, onUpdate:tlUpdate, onComplete:tlComplete, onReverseComplete:tlReverseComplete });
63
64 eyDotSpacing = Math.floor(myWeight*8.5/10); // EY ratio of weight to spacing
65 eyStrokeWeight = myWeight;
66 eySvgWidth = myWidth;
67 eySvgHeight = myHeight;
68
69 var myRadians = 10 * Math.PI / 180; // EY angles up at 10 degrees
70 eyAngleHeight = Math.tan(myRadians)*(myWidth - myWeight); // height of the head (measured vertically from shoulder anchor pt to top of head anchor pt)
71
72 //// create the properly sized svg container ////
73
74 var eySvg = document.createElementNS(svgNS, "svg");
75 eySvg.setAttribute("id", "ey-frame");
76 eySvg.setAttribute("width", myWidth+"px");
77 eySvg.setAttribute("height", myHeight+"px");
78 eySvg.setAttribute("viewBox", "0 0 "+eySvgWidth + " " + eySvgHeight );
79 var myDefs = document.createElementNS(svgNS, "defs");
80 eySvg.appendChild(myDefs);
81
82
83 //// draw the gradient for def ////
84
85 var myLinearGradient = document.createElementNS(svgNS, "linearGradient");
86 myLinearGradient.setAttribute("id", "linear-gradient");
87 myLinearGradient.setAttribute("x1", "0%");
88 myLinearGradient.setAttribute("x2", "0%");
89 myLinearGradient.setAttribute("y1", "0%");
90 myLinearGradient.setAttribute("y2", "100%");
91 myDefs.appendChild(myLinearGradient);
92
93 //stops
94
95 var stop;
96 stop = createStop ({id:"stop-1", offset:"0%", color:"Black", opacity:".7" });
97 myLinearGradient.appendChild(stop);
98 stop = createStop ({id:"stop-2", offset:"100%", color:"Black", opacity:"0" });
99 myLinearGradient.appendChild(stop);
100
101 // gradient shape
102
103 eyGradient = createShape ("ey-gradient", "url(#linear-gradient)");
104 eySvg.appendChild(eyGradient);
105
106
107 //// create 3 dots ////
108
109 eyDot1 = createDot(1);
110 eySvg.appendChild(eyDot1);
111 eyDot2 = createDot(2);
112 eySvg.appendChild(eyDot2);
113 eyDot3 = createDot(3);
114 eySvg.appendChild(eyDot3);
115
116 //// draw the rest of the path ////
117
118 eyStroke = createPath("ey-stroke");
119 eyStroke.setAttribute("d",
120 " M " + ((eyStrokeWeight + eyDotSpacing)*3) + " " + (eySvgHeight-myWeight/2) +
121 " H " + (myWidth-myWeight/2) +
122 " V " + myWeight/1.5 +
123 " L " + myWeight/2 + " " + (eyAngleHeight+myWeight/2) +
124 " V " + (myHeight-myWeight-eyDotSpacing)
125 );
126 eySvg.appendChild(eyStroke);
127
128 return eySvg;
129
130 };
131
132 var animateEyFrame = function (myDelay)
133 {
134 isForward = true;
135 tl.timeScale(1);
136 var lastPt = 0;
137 tl.fromTo(eyDot1, eyDotDuration, {drawSVG:"0"}, {drawSVG:"0 "+(lastPt+=(eyStrokeWeight+eyDotSpacing)), ease:Power1.easeInOut, delay:myDelay });
138 tl.fromTo(eyDot2, eyDotDuration, {drawSVG:"0"}, {drawSVG:"0 "+(lastPt+=(eyStrokeWeight+eyDotSpacing)), ease:Power1.easeInOut });
139 tl.fromTo(eyDot3, eyDotDuration, {drawSVG:"0"}, {drawSVG:"0 "+(lastPt+=(eyStrokeWeight+eyDotSpacing)), ease:Power1.easeInOut });
140 tl.call(tlDotToLine, []);
141 tl.fromTo(eyStroke, eyFrameDuration, {drawSVG:"0"}, {drawSVG:"0 100%", ease:Power1.easeIn});
142 };
143 var animateEyReverse = function (myDelay)
144 {
145 TweenMax.delayedCall(myDelay, intAnimateEyReverse, [0]);
146 }
147
148 var animateGradient = function (myDelay)
149 {
150 tl.fromTo(eyGradient, .5, {opacity:0}, {opacity:1, delay:myDelay});
151 };
152 var animateFill = function (myDelay)
153 {
154 //// draw the fill shape for def ////
155 if (typeof eyFill === 'undefined' || variable === null) {
156 // variable is undefined or null
157 eyFill = createShape ("ey-gradient", eyColor);
158 eySvg.appendChild(eyFill);
159 }
160 tl.fromTo(eyFill, .5, {y:eySvgHeight}, {y:0, ease:Power2.easeIn, delay:myDelay});
161 };
162
163
164
165 ////////// private functions
166
167 var createPath = function (myId)
168 {
169 var myPath = document.createElementNS(svgNS,"path");
170 myPath.setAttribute("id", myId);
171 myPath.setAttribute("fill", "none");
172 myPath.setAttribute("stroke", eyColor);
173 myPath.setAttribute("stroke-width", eyStrokeWeight);
174 myPath.setAttribute("stroke-miterlimit", "10");
175 return myPath;
176 };
177
178 var createDot = function (dotNum)
179 {
180 var myDot = createPath("ey-dot"+dotNum);
181 myDot.setAttribute("d",
182 " M " + ((eyStrokeWeight + eyDotSpacing)*(dotNum-1)) + " " + (eySvgHeight-eyStrokeWeight/2) +
183 " h " + eyStrokeWeight
184 );
185 return myDot;
186 };
187
188
189 var createShape = function (myId, myFill)
190 {
191 var myShape = document.createElementNS(svgNS,"path");
192 myShape.setAttribute("id", myId);
193 myShape.setAttribute("fill", myFill);
194 myShape.setAttribute("d",
195 " M 0 " + (eySvgHeight) +
196 " H " + (eySvgWidth) +
197 " V 2 " +
198 " L 0 " + (eyAngleHeight+2) +
199 " Z "
200 );
201 return myShape;
202 };
203
204 var createStop = function (myStopObj)
205 {
206 var myStop = document.createElementNS(svgNS, "stop");
207 myStop.setAttribute("id", myStopObj.id);
208 myStop.setAttribute("offset", myStopObj.offset);
209 myStop.setAttribute("stop-color", myStopObj.color);
210 myStop.setAttribute("stop-opacity", myStopObj.opacity);
211 return myStop;
212 };
213
214 var intAnimateEyReverse = function (time)
215 {
216 isForward = false;
217 tl.reverse(time);
218 // need to timescale the last 3 dots bit
219 tl.timeScale
220 // tl.smoothChildTiming = true;
221 //isForward
222 }
223 var tlStart = function ()
224 {
225
226 };
227 var tlDotToLine = function ()
228 {
229 if(!isForward)
230 {
231 tl.timeScale(4);
232 }
233 };
234 var tlUpdate = function ()
235 {
236
237 };
238 var tlComplete = function ()
239 {
240
241 };
242 var tlReverseComplete = function ()
243 {
244
245 };
246
247
248
249
250
1 /*!
2 * VERSION: 1.0.3
3 * DATE: 2016-05-04
4 *
5 * Requires:
6 * GSAP TweenMax (import com.greensock.*;)
7 * GASP drawSVG Plugin ()
8 * This work is subject to the terms at http://greensock.com/standard-license or for
9 * Club GreenSock members, the software agreement that was issued with your membership.
10 *
11 * @license Copyright (c) 2016, Tenzing Communications Inc. All rights reserved.
12 *
13 * @author: Dan Rempel, dan@gotenzing.com
14
15 * Usage Example:
16 * var myEySvg = initEySvgFrame(10, 196, 193); // frame line weight, width, height
17 * document.getElementById("body").appendChild(myEySvg);
18 * animateEyFrame(2); // delay in seconds
19 * animateGradient(2); // delay in seconds
20 * animateFill(2); // delay in seconds
21 *
22 **/
23
24 var eySvg;var eyStroke;var eyDot1;var eyDot2;var eyDot3;var eyGradient;var eyFill;var tl;var eyStrokeWeight;var eySvgHeight;var eySvgWidth;var eyAngleHeight;var eyDotSpacing;var eyDotDuration=0.2;var eyFrameDuration=1;var eyGradientDuration=1;var eyFillDuration=1;var eyColor='#FFD400';var svgNS='http://www.w3.org/2000/svg';var isForward=!0;var initEySvgFrame=function(b,d,f){tl=new TimelineMax({onStart:tlStart,onUpdate:tlUpdate,onComplete:tlComplete,onReverseComplete:tlReverseComplete}),eyDotSpacing=Math.floor(b*8.5/10),eyStrokeWeight=b,eySvgWidth=d,eySvgHeight=f;var h=10*Math.PI/180;eyAngleHeight=Math.tan(h)*(d-b);var a=document.createElementNS(svgNS,'svg');a.setAttribute('id','ey-frame'),a.setAttribute('width',d+'px'),a.setAttribute('height',f+'px'),a.setAttribute('viewBox','0 0 '+eySvgWidth+' '+eySvgHeight);var g=document.createElementNS(svgNS,'defs');a.appendChild(g);var c=document.createElementNS(svgNS,'linearGradient');c.setAttribute('id','linear-gradient'),c.setAttribute('x1','0%'),c.setAttribute('x2','0%'),c.setAttribute('y1','0%'),c.setAttribute('y2','100%'),g.appendChild(c);var e;return e=createStop({id:'stop-1',offset:'0%',color:'Black',opacity:'.7'}),c.appendChild(e),e=createStop({id:'stop-2',offset:'100%',color:'Black',opacity:'0'}),c.appendChild(e),eyGradient=createShape('ey-gradient','url(#linear-gradient)'),a.appendChild(eyGradient),eyDot1=createDot(1),a.appendChild(eyDot1),eyDot2=createDot(2),a.appendChild(eyDot2),eyDot3=createDot(3),a.appendChild(eyDot3),eyStroke=createPath('ey-stroke'),eyStroke.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*3+' '+(eySvgHeight-b/2)+' H '+(d-b/2)+' V '+b/1.5+' L '+b/2+' '+(eyAngleHeight+b/2)+' V '+(f-b-eyDotSpacing)),a.appendChild(eyStroke),a;};var animateEyFrame=function(b){isForward=!0,tl.timeScale(1);var a=0;tl.fromTo(eyDot1,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut,delay:b}),tl.fromTo(eyDot2,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.fromTo(eyDot3,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.call(tlDotToLine,[]),tl.fromTo(eyStroke,eyFrameDuration,{drawSVG:'0'},{drawSVG:'0 100%',ease:Power1.easeIn});};var animateEyReverse=function(a){TweenMax.delayedCall(a,intAnimateEyReverse,[0]);};var animateGradient=function(a){tl.fromTo(eyGradient,0.5,{opacity:0},{opacity:1,delay:a});};var animateFill=function(a){(typeof eyFill==='undefined'||variable===null)&&(eyFill=createShape('ey-gradient',eyColor),eySvg.appendChild(eyFill)),tl.fromTo(eyFill,0.5,{y:eySvgHeight},{y:0,ease:Power2.easeIn,delay:a});};var createPath=function(b){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill','none'),a.setAttribute('stroke',eyColor),a.setAttribute('stroke-width',eyStrokeWeight),a.setAttribute('stroke-miterlimit','10'),a;};var createDot=function(b){var a=createPath('ey-dot'+b);return a.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*(b-1)+' '+(eySvgHeight-eyStrokeWeight/2)+' h '+eyStrokeWeight),a;};var createShape=function(b,c){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill',c),a.setAttribute('d',' M 0 '+eySvgHeight+' H '+eySvgWidth+' V 2 '+' L 0 '+(eyAngleHeight+2)+' Z '),a;};var createStop=function(b){var a=document.createElementNS(svgNS,'stop');return a.setAttribute('id',b.id),a.setAttribute('offset',b.offset),a.setAttribute('stop-color',b.color),a.setAttribute('stop-opacity',b.opacity),a;};var intAnimateEyReverse=function(a){isForward=!1,tl.reverse(a),tl.timeScale;};var tlStart=function(){};var tlDotToLine=function(){isForward||tl.timeScale(4);};var tlUpdate=function(){};var tlComplete=function(){};var tlReverseComplete=function(){};
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>Global Online Ads</h1>
25
26 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016SpringGlobal_cannon_c01/index.html"></iframe>
27 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringGlobal_slingshot_c01"></iframe>
28
29 </body>
30 </html>
1 html {
2 background-color: #d4d4d4;
3 }
4
5 body {
6 margin: 0 auto;
7 padding: 2em 2em 4em;
8 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
9 font-size: 16px;
10 line-height: 1.5em;
11 color: #8e8e8e;
12 }
13
14 h1, h2, h3, h4, h5, h6 {
15 font-weight: 600;
16 line-height: 1.3em;
17 }
18 nav, nav a{
19 font-size: 12px;
20 line-height: 1.5em;
21 color: #8e8e8e;
22 }
23 nav a:hover{
24 color: #FFF;
25 }
26 nav a:active{
27 color: #000;
28 }
29
30 iframe {
31 margin: 20px;
32 border: 1px #d4d4d4 solid;
33 overflow: hidden;
34 iframe::-webkit-scrollbar {
35 display: none;
36 }
37 }
38
39 .b300x250 {
40 width: 300px;
41 height: 250px;
42 }
43 .b728x90 {
44 width: 728px;
45 height: 90px;
46 }
47 .b300x600 {
48 width: 300px;
49 height: 600px;
50 }.b600x600 {
51 width: 600px;
52 height: 600px;
53 }
54 .b300x450 {
55 width: 300px;
56 height: 450px;
57 }
58 .b320x480 {
59 width: 320px;
60 height: 480px;
61 }
62 .b768x1024 {
63 width: 768px;
64 height: 1024px;
65 }
66 .b970x250 {
67 width: 970px;
68 height: 250px;
69 }
70 .b1000x700 {
71 width: 1000px;
72 height: 700px;
73 }
74 .b1024x768 {
75 width: 1024px;
76 height: 768px;
77 }
1 // js file
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 1000x700</h1>
25
26 <iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
28 <iframe id='' class="b1000x700" scrolling="no" src="en_1000x700_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 1024x768</h1>
25
26 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
28 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 300x450</h1>
25
26 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
28 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 300x600 expanding</h1>
25
26 <iframe id='' class="b300x600" scrolling="no" src="en_300x600exp_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b600x600" scrolling="no" src="en_300x600exp_EY_2016SpringPMM_lifebusiness_c01/expanded.html"></iframe>
28
29 <iframe id='' class="b300x600" scrolling="no" src="en_300x600exp_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
30 <iframe id='' class="b600x600" scrolling="no" src="en_300x600exp_EY_2016SpringPMM_lifebusiness_c01/expanded2.html"></iframe>
31
32 <iframe id='' class="b300x600" scrolling="no" src="en_300x600exp_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
33 <iframe id='' class="b600x600" scrolling="no" src="en_300x600exp_EY_2016SpringPMM_lifebusiness_c01/expanded3.html"></iframe>
34
35 </body>
36 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 320x480</h1>
25
26 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
28 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 768x1024</h1>
25
26 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
28 <iframe id='' class="b768x1024" scrolling="no" src="en_768x1024_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">Global</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="pmm300x600exp.html">PMM 300x600 expanding</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="pmm300x450.html">PMM 300x450</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="pmm320x480.html">PMM 320x480</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="pmm768x1024.html">PMM 768x1024</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="pmm970x250.html">PMM 970x250</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="pmm1000x700.html">PMM 1000x700</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="pmm1024x768.html">PMM 1024x768</a>
23 </nav>
24 <h1>PMM 970x250</h1>
25
26 <iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
27 <iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index2.html"></iframe>
28 <iframe id='' class="b970x250" scrolling="no" src="en_970x250_EY_2016SpringPMM_lifebusiness_c01/index3.html"></iframe>
29
30 </body>
31 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <!--
18 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 -->
22 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
23 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
24 <a href="320x480.html">320x480 iPhone app</a>
25 </nav>
26 <h1>1024x768 iPad</h1>
27
28 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalGeneral_c01/index3.html"></iframe>
29 <!--
30 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
31 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_bc_c01/index.html"></iframe>
32 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_alberta_c01/index.html"></iframe>
33 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
34 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_gta_c01/index.html"></iframe>
35 <iframe id='' class="b1024x768" scrolling="no" src="en_1024x768_EY_2016FallPMM_quebec_c01/index.html"></iframe>
36 -->
37
38 </body>
39 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="320x480.html">320x480 iPhone app</a>
23 </nav>
24 <h1>1280x1000 Takeover</h1>
25
26 <iframe id='' class="b1280x1000" scrolling="no" src="en_1280x1000_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
27
28 </body>
29 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="320x480.html">320x480 iPhone app</a>
23 </nav>
24 <h1>300x250 Takeover</h1>
25
26 <iframe id='' class="b300x250" scrolling="no" src="en_300x250_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
27
28 </body>
29 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <!--
18 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 -->
22 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
23 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
24 <a href="320x480.html">320x480 iPhone app</a>
25 </nav>
26 <h1>300x450 Mobile</h1>
27
28 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
29 <!--
30 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
31 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_bc_c01/index.html"></iframe>
32 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_alberta_c01/index.html"></iframe>
33 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
34 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_gta_c01/index.html"></iframe>
35 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016SpringPMM_lifebusiness_c01/index.html"></iframe>
36 <iframe id='' class="b300x450" scrolling="no" src="en_300x450_EY_2016FallPMM_quebec_c01/index.html"></iframe>
37 -->
38
39 </body>
40 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <!--
18 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 -->
22 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
23 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
24 <a href="320x480.html">320x480 iPhone app</a>
25 </nav>
26 <h1>300x600</h1>
27
28 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_globalCannon_c01/index.html"></iframe>
29 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
30 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
31 <!--
32 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
33 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/index.html"></iframe>
34 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_alberta_c01/index.html"></iframe>
35 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
36 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_gta_c01/index.html"></iframe>
37 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_quebec_c01/index.html"></iframe>
38 -->
39
40 </body>
41 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <!--
18 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 -->
22 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
23 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
24 <a href="320x480.html">320x480 iPhone app</a>
25 </nav>
26 <h1>320x480 iPhone app</h1>
27
28 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_globalSlingshot_c01/index.html"></iframe>
29 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
30 <!--
31 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
32 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_bc_c01/index.html"></iframe>
33 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_alberta_c01/index.html"></iframe>
34 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_saskatchewan_c01/index.html"></iframe>
35 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_gta_c01/index.html"></iframe>
36 <iframe id='' class="b320x480" scrolling="no" src="en_320x480_EY_2016FallPMM_quebec_c01/index.html"></iframe>
37 -->
38
39 </body>
40 </html>
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
18 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
22 <a href="320x480.html">320x480 iPhone app</a>
23 </nav>
24 <h1>960x90 Takeover</h1>
25
26 <iframe id='' class="b960x90" scrolling="no" src="en_960x90_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
27
28 </body>
29 </html>
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidA.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <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}'>
198 <source src="assets/vidB.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23 var txt = document.getElementById("txt");
24
25 videojs(video, {}, function(){
26
27 var videoPlays = 0;
28 var v0 = false;
29 var v25 = false;
30 var v50 = false;
31 var v75 = false;
32
33 video.addEventListener("play", function(e) {
34 eyeBuild.doIAT(0);
35 videoPlays++;
36 playButton.setAttribute("class", "play");
37 txt.setAttribute("class", "play");
38 });
39 video.addEventListener("pause", function(e) {
40 eyeBuild.doIAT(1);
41 playButton.setAttribute("class", "pause");
42 txt.setAttribute("class", "pause");
43 });
44 video.addEventListener("ended", function(e) {
45 video.currentTime = 0;
46 playButton.setAttribute("class", "pause");
47 v0 = false;
48 v25 = false;
49 v50 = false;
50 v75 = false;
51 eyeBuild.doIAT(9);
52 });
53
54 // track video plays
55 video.addEventListener('timeupdate', function(e){
56 var pct = video.currentTime / video.duration *100;
57 if (pct > 75 && !v75){
58 v75 = true;
59 eyeBuild.doIAT(8);
60 }else if (pct > 50 && !v50){
61 v50 = true;
62 eyeBuild.doIAT(7);
63 }else if (pct > 25 && !v25){
64 v25 = true;
65 eyeBuild.doIAT(6);
66 }else if (pct > 0 && !v0){
67 v0 = true;
68 eyeBuild.doIAT(5);
69 if(videoPlays>1){
70 eyeBuild.doIAT(10);
71 }
72 }
73 }, false);
74
75 playButton.addEventListener('click', function(e){
76 myVideoJsPlayer.play();
77 }, false);
78
79 });
80
81
82 /*
83 var closeButton = document.getElementById("close");
84 closeButton.addEventListener("click", function(e) {
85 eyeBuild.doClose();
86 });
87 */
88
89
90 }
91 </script>
92
93
94 <style>
95
96 body{
97 margin: 0;
98 padding: 0;
99 width: 1024px;
100 height: 768px;
101 line-height: 1.2;
102 font-size: 27px;
103 letter-spacing: .4;
104 color: #CD040B;
105 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
106 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
107 font-style: normal;
108 }
109
110 a{
111 text-decoration: none;
112 color: inherit;
113 }
114 #click-tag{
115 display: block;
116 position: absolute;
117 width: 100%;
118 height: 100%;
119 }
120
121 #border{
122 position: relative;
123 width: 1024px;
124 height: 768px;
125 border: 1px solid #55565A;
126 overflow: hidden;
127 cursor: pointer;
128 box-sizing: border-box;
129 background-color: black;
130 /*
131 background: url(assets/back1.jpg) no-repeat #000;
132 background-size: 1000px 700px;
133 */
134 }
135
136 #video, #play-pause{
137 position: absolute;
138 width: 952px;
139 height: 536px;
140 left:36px;
141 top:61px;
142 border:none;
143 }
144 #play-pause{
145 cursor: pointer;
146 background: url(assets/play.svg) no-repeat center center;
147 }
148 #play-pause.pause:hover{
149 background-size: 60px 60px;
150 }
151 #play-pause.pause:active{
152 background-size: 50px 50px;
153 }
154 #play-pause.pause{
155 background-size: 55px 55px;
156 display: block;
157 }
158 #play-pause.play{
159 display: none;
160 }
161 .vjs-big-play-button{
162 display: none !important;
163 }
164
165 #txt {
166 position: absolute;
167 width: 322px;
168 height: 271px;
169 left: 58px;
170 bottom:416px;
171 z-index: 10;
172 opacity: 0;
173 transform-origin: bottom;
174 }
175 #txt.play {
176 display: none;
177 }
178 #txt.pause {
179 display: block;
180 }
181 #overlay {
182 position: absolute;
183 width: 964px;
184 height: 81px;
185 left: 36px;
186 bottom:34px;
187 }
188 </style>
189 </head>
190
191 <body>
192 <div id="border">
193 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
194 <img id="txt" style="pause" src="assets/slice.png" alt="txt">
195 <img id="overlay" src="assets/overlay.png" alt="txt">
196 </a>
197 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
198 <source src="assets/vidC.mp4" type="video/mp4" />
199 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
200 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
201 </video>
202 <button id="play-pause" class="pause"></button>
203 </div>
204
205 <script>
206
207 function stage1(){
208 var tl = new TimelineMax({repeat:0, repeatDelay:2});
209
210 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
211
212 console.log( "time: " + tl.totalDuration() );
213 }
214
215 //---------------------
216 stage1();
217
218 </script>
219
220 </body>
221
222 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="243" height="164.3" viewBox="0 0 243 164.3"><defs><style>.cls-1{fill:#ffd400;}.cls-2{fill:#414042;}</style></defs><title>270x460_txt</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><path class="cls-1" d="M0,42.85V164.3H242.91L243,0Z"/><path class="cls-2" d="M18,69.76v-12h2.39V67.4h6v2.36Z"/><path class="cls-2" d="M29.2,60a1.35,1.35,0,1,1,1.35-1.35A1.37,1.37,0,0,1,29.2,60ZM28,69.76v-9h2.36v9Z"/><path class="cls-2" d="M36.28,59.31c-.7,0-.87.22-.87.72v.75h1.52V63H35.4v6.76H33V63H32V60.78H33V59.7c0-1.68.92-2.36,2.57-2.36a3.86,3.86,0,0,1,1.49.26v1.9A1.72,1.72,0,0,0,36.28,59.31Z"/><path class="cls-2" d="M45.79,66H40.42a1.73,1.73,0,0,0,1.85,1.69,2,2,0,0,0,1.54-.63l1.68,1.4a4.19,4.19,0,0,1-3.22,1.45c-2.58,0-4.23-1.83-4.23-4.67s1.73-4.69,4-4.69,3.78,2.12,3.78,4.69A7.4,7.4,0,0,1,45.79,66Zm-3.87-3.39a1.56,1.56,0,0,0-1.47,1.61h3.08A1.59,1.59,0,0,0,41.92,62.64Z"/><path class="cls-2" d="M48.73,71.92H47.12l.26-5h2.79Z"/><path class="cls-2" d="M60.7,69.95a2.84,2.84,0,0,1-1.9-.7v.51H56.44V58.47l2.36-1.18v4.05a2.77,2.77,0,0,1,1.9-.75c1.92,0,3.49,1.44,3.49,4.79C64.19,68.07,62.92,69.95,60.7,69.95Zm-.44-7.13a1.65,1.65,0,0,0-1.45.75V67a1.88,1.88,0,0,0,1.59.77c.91,0,1.4-.79,1.4-2.29C61.79,63.59,61.18,62.82,60.25,62.82Z"/><path class="cls-2" d="M71.09,69.76v-.6a2.94,2.94,0,0,1-2.1.79c-2.29,0-3.32-1.57-3.32-4.1V60.78H68v4.86c0,1.61.55,2.09,1.52,2.09s1.54-.48,1.54-2V60.78h2.36v9Z"/><path class="cls-2" d="M78.89,69.95a7,7,0,0,1-3.76-1l.79-1.8a6.27,6.27,0,0,0,3.11.82c.92,0,1.2-.22,1.2-.68s-.33-.62-1.32-.91c-2.16-.65-3.54-1.18-3.54-3.08s1.49-2.67,3.59-2.67a7.16,7.16,0,0,1,3.32.87l-.75,1.86a5.82,5.82,0,0,0-2.62-.72c-1,0-1.21.19-1.21.58s.27.53,1.86,1,3,1.11,3,2.91C82.55,69.21,80.91,69.95,78.89,69.95Z"/><path class="cls-2" d="M85.61,60A1.35,1.35,0,1,1,87,58.69,1.37,1.37,0,0,1,85.61,60Zm-1.18,9.72v-9h2.36v9Z"/><path class="cls-2" d="M94.3,69.76V64.9c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91H88.88v-9h2.36v.6a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M105.86,66h-5.37a1.73,1.73,0,0,0,1.85,1.69,2,2,0,0,0,1.54-.63l1.68,1.4a4.19,4.19,0,0,1-3.22,1.45c-2.58,0-4.23-1.83-4.23-4.67s1.73-4.69,4-4.69,3.78,2.12,3.78,4.69A7.4,7.4,0,0,1,105.86,66ZM102,62.64a1.56,1.56,0,0,0-1.47,1.61h3.08A1.59,1.59,0,0,0,102,62.64Z"/><path class="cls-2" d="M110.92,69.95a7,7,0,0,1-3.76-1l.79-1.8a6.27,6.27,0,0,0,3.11.82c.92,0,1.2-.22,1.2-.68s-.33-.62-1.32-.91c-2.16-.65-3.54-1.18-3.54-3.08s1.49-2.67,3.59-2.67a7.16,7.16,0,0,1,3.32.87l-.75,1.86a5.82,5.82,0,0,0-2.62-.72c-1,0-1.21.19-1.21.58s.27.53,1.86,1,3,1.11,3,2.91C114.58,69.21,112.94,69.95,110.92,69.95Z"/><path class="cls-2" d="M119.81,69.95a7,7,0,0,1-3.76-1l.79-1.8a6.27,6.27,0,0,0,3.11.82c.92,0,1.2-.22,1.2-.68s-.33-.62-1.32-.91c-2.16-.65-3.54-1.18-3.54-3.08s1.49-2.67,3.59-2.67a7.16,7.16,0,0,1,3.32.87l-.75,1.86a5.82,5.82,0,0,0-2.62-.72c-1,0-1.21.19-1.21.58s.27.53,1.86,1,3,1.11,3,2.91C123.47,69.21,121.83,69.95,119.81,69.95Z"/><path class="cls-2" d="M126.58,71.92H125l.26-5H128Z"/><path class="cls-2" d="M138.55,69.95a2.84,2.84,0,0,1-1.9-.7v.51h-2.36V58.47l2.36-1.18v4.05a2.77,2.77,0,0,1,1.9-.75c1.92,0,3.49,1.44,3.49,4.79C142,68.07,140.78,69.95,138.55,69.95Zm-.44-7.13a1.65,1.65,0,0,0-1.45.75V67a1.88,1.88,0,0,0,1.59.77c.91,0,1.4-.79,1.4-2.29C139.65,63.59,139,62.82,138.11,62.82Z"/><path class="cls-2" d="M147.2,69.95c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69,4.07,1.93,4.07,4.69S149.55,69.95,147.2,69.95Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S148.33,62.87,147.2,62.87Z"/><path class="cls-2" d="M157.82,69.4a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V63h-1.51V60.78h1.51V58.47L156,57.29v3.49h2.16V63H156v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M165.5,69.76V64.9c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91h-2.36V58.47l2.36-1.18v4.09a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M176.24,63.91c-1.44.68-1.8,1.08-1.85,2.09H172c0-1.62.48-2.63,2.41-3.52.85-.39,1.11-.67,1.11-1.28,0-.79-.58-1.25-2-1.25a4,4,0,0,0-3,1.44L169,59.58a6.12,6.12,0,0,1,4.53-2c2.62,0,4.43,1.11,4.43,3.49A3,3,0,0,1,176.24,63.91Zm-3,6a1.45,1.45,0,1,1,1.45-1.45A1.47,1.47,0,0,1,173.23,69.95Z"/><path class="cls-2" d="M194.71,69.76h-2.34L190.9,63.6c-.17-.72-.34-1.61-.41-2.05a20.87,20.87,0,0,1-.39,2.05l-1.51,6.16h-2.24l-2.5-12h2.5l1,5.83c.1.58.24,1.47.29,2,.09-.5.27-1.39.41-2l1.4-5.83h2.09L193,63.62c.14.58.33,1.47.41,2,.05-.5.19-1.4.29-2l1-5.83h2.46Z"/><path class="cls-2" d="M204.34,69.76V64.9c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91h-2.36V58.47l2.36-1.18v4.09a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M213.55,69.76v-.6a2.87,2.87,0,0,1-2,.79,3.13,3.13,0,0,1-3.35-3.2c0-2,1.61-3,3.64-3a3.72,3.72,0,0,1,1.73.36v-.44a1.14,1.14,0,0,0-1.28-1.15,4.43,4.43,0,0,0-2.46.6l-.91-1.64a6,6,0,0,1,3.37-.91c2.17,0,3.64,1.13,3.64,3.15v6Zm0-3.76a2.74,2.74,0,0,0-1.64-.38c-.89,0-1.37.41-1.37,1.13s.36,1.2,1.37,1.2a1.93,1.93,0,0,0,1.64-.82Z"/><path class="cls-2" d="M222.84,69.4a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V63h-1.51V60.78h1.51V58.47L221,57.29v3.49h2.16V63H221v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M22.84,89.56l-1.71-4.14L20,86.84v2.72H17.62V78.27L20,77.09v4.77c0,.55,0,1.47,0,1.92.24-.36.65-.92,1-1.32l1.45-1.88h2.79l-2.31,2.86,2.58,6.12Z"/><path class="cls-2" d="M28,79.84a1.35,1.35,0,1,1,1.35-1.35A1.37,1.37,0,0,1,28,79.84Zm-1.18,9.72v-9H29.2v9Z"/><path class="cls-2" d="M36.71,89.56V84.7c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91H31.28v-9h2.36v.6a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M45.9,89.56V89a2.77,2.77,0,0,1-1.9.75c-1.92,0-3.49-1.44-3.49-4.79,0-2.69,1.27-4.57,3.49-4.57a2.84,2.84,0,0,1,1.9.7V78.27l2.36-1.18V89.56Zm0-6.17a1.88,1.88,0,0,0-1.59-.77c-.91,0-1.4.79-1.4,2.29,0,1.85.62,2.62,1.54,2.62a1.65,1.65,0,0,0,1.45-.75Z"/><path class="cls-2" d="M53.74,89.75a7,7,0,0,1-3.76-1l.79-1.8a6.27,6.27,0,0,0,3.11.82c.92,0,1.2-.22,1.2-.68s-.33-.62-1.32-.91c-2.16-.65-3.54-1.18-3.54-3.08s1.49-2.67,3.59-2.67a7.16,7.16,0,0,1,3.32.87l-.75,1.86a5.82,5.82,0,0,0-2.62-.72c-1,0-1.21.19-1.21.58s.27.53,1.86,1,3,1.11,3,2.91C57.4,89,55.75,89.75,53.74,89.75Z"/><path class="cls-2" d="M67.45,89.75c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69,4.07,1.93,4.07,4.69S69.79,89.75,67.45,89.75Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S68.58,82.67,67.45,82.67Z"/><path class="cls-2" d="M76.87,79.11c-.7,0-.87.22-.87.72v.75h1.52V82.8H76v6.76H73.64V82.8H72.56V80.58h1.08V79.5c0-1.68.92-2.36,2.57-2.36a3.86,3.86,0,0,1,1.49.26v1.9A1.72,1.72,0,0,0,76.87,79.11Z"/><path class="cls-2" d="M88.69,92.86V89a2.77,2.77,0,0,1-1.9.75c-1.92,0-3.49-1.44-3.49-4.79,0-2.69,1.27-4.57,3.49-4.57a2.84,2.84,0,0,1,1.9.7v-.51H91v11.1Zm0-9.48a1.88,1.88,0,0,0-1.59-.77c-.91,0-1.4.79-1.4,2.29,0,1.85.62,2.62,1.54,2.62a1.65,1.65,0,0,0,1.45-.75Z"/><path class="cls-2" d="M98.42,89.56V89a2.94,2.94,0,0,1-2.1.79C94,89.75,93,88.17,93,85.64V80.58h2.36v4.86c0,1.61.55,2.09,1.52,2.09s1.54-.48,1.54-2V80.58h2.36v9Z"/><path class="cls-2" d="M110.06,85.83h-5.37a1.73,1.73,0,0,0,1.85,1.69,2,2,0,0,0,1.54-.63l1.68,1.4a4.19,4.19,0,0,1-3.22,1.45c-2.58,0-4.23-1.83-4.23-4.67s1.73-4.69,4-4.69,3.78,2.12,3.78,4.69A7.4,7.4,0,0,1,110.06,85.83Zm-3.87-3.39a1.56,1.56,0,0,0-1.47,1.61h3.08A1.59,1.59,0,0,0,106.2,82.44Z"/><path class="cls-2" d="M115.12,89.75a7,7,0,0,1-3.76-1l.79-1.8a6.27,6.27,0,0,0,3.11.82c.92,0,1.2-.22,1.2-.68s-.33-.62-1.32-.91c-2.16-.65-3.54-1.18-3.54-3.08s1.49-2.67,3.59-2.67a7.16,7.16,0,0,1,3.32.87l-.75,1.86a5.82,5.82,0,0,0-2.62-.72c-1,0-1.21.19-1.21.58s.27.53,1.86,1,3,1.11,3,2.91C118.79,89,117.14,89.75,115.12,89.75Z"/><path class="cls-2" d="M125.59,89.2a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V82.8h-1.51V80.58h1.51V78.27l2.36-1.18v3.49h2.16V82.8h-2.16v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M129.11,79.84a1.35,1.35,0,1,1,1.35-1.35A1.37,1.37,0,0,1,129.11,79.84Zm-1.18,9.72v-9h2.36v9Z"/><path class="cls-2" d="M136,89.75c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69S140,82.33,140,85.08,138.31,89.75,136,89.75Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S137.1,82.67,136,82.67Z"/><path class="cls-2" d="M147,89.56V84.7c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91h-2.36v-9h2.36v.6a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M154.71,89.75a7,7,0,0,1-3.76-1l.79-1.8a6.27,6.27,0,0,0,3.11.82c.92,0,1.2-.22,1.2-.68s-.33-.62-1.32-.91c-2.16-.65-3.54-1.18-3.54-3.08s1.49-2.67,3.59-2.67a7.16,7.16,0,0,1,3.32.87l-.75,1.86a5.82,5.82,0,0,0-2.62-.72c-1,0-1.21.19-1.21.58s.27.53,1.86,1,3,1.11,3,2.91C158.37,89,156.73,89.75,154.71,89.75Z"/><path class="cls-2" d="M169.84,89.2a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V82.8h-1.51V80.58h1.51V78.27L168,77.09v3.49h2.16V82.8H168v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M177.35,83.33a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86H172.1v-9h2.36v.6a2.49,2.49,0,0,1,1.85-.79A2.3,2.3,0,0,1,178,81Z"/><path class="cls-2" d="M180.39,79.84a1.35,1.35,0,1,1,1.35-1.35A1.37,1.37,0,0,1,180.39,79.84Zm-1.18,9.72v-9h2.36v9Z"/><path class="cls-2" d="M187.08,92.86l-.84-1.78c1.85-.26,2.34-.7,2.34-2.09a2.77,2.77,0,0,1-1.9.75c-1.92,0-3.49-1.44-3.49-4.79,0-2.69,1.27-4.57,3.49-4.57a2.84,2.84,0,0,1,1.9.7v-.51h2.36V88C190.95,91,190.23,92.52,187.08,92.86Zm1.51-9.48a1.88,1.88,0,0,0-1.59-.77c-.91,0-1.4.79-1.4,2.29,0,1.85.62,2.62,1.54,2.62a1.65,1.65,0,0,0,1.45-.75Z"/><path class="cls-2" d="M196.4,92.86l-.84-1.78c1.85-.26,2.34-.7,2.34-2.09a2.77,2.77,0,0,1-1.9.75c-1.92,0-3.49-1.44-3.49-4.79,0-2.69,1.27-4.57,3.49-4.57a2.84,2.84,0,0,1,1.9.7v-.51h2.36V88C200.27,91,199.55,92.52,196.4,92.86Zm1.51-9.48a1.88,1.88,0,0,0-1.59-.77c-.91,0-1.4.79-1.4,2.29,0,1.85.62,2.62,1.54,2.62a1.65,1.65,0,0,0,1.45-.75Z"/><path class="cls-2" d="M209.59,85.83h-5.37a1.73,1.73,0,0,0,1.85,1.69,2,2,0,0,0,1.54-.63l1.68,1.4a4.19,4.19,0,0,1-3.22,1.45c-2.58,0-4.23-1.83-4.23-4.67s1.73-4.69,4-4.69,3.78,2.12,3.78,4.69A7.4,7.4,0,0,1,209.59,85.83Zm-3.87-3.39a1.56,1.56,0,0,0-1.47,1.61h3.08A1.59,1.59,0,0,0,205.72,82.44Z"/><path class="cls-2" d="M216.46,83.33a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86h-2.36v-9h2.36v.6a2.49,2.49,0,0,1,1.85-.79,2.3,2.3,0,0,1,1.66.63Z"/><path class="cls-2" d="M21,112.66l-.84-1.78c1.85-.26,2.34-.7,2.34-2.09a2.77,2.77,0,0,1-1.9.75c-1.92,0-3.49-1.44-3.49-4.79,0-2.69,1.27-4.57,3.49-4.57a2.84,2.84,0,0,1,1.9.7v-.51h2.36v7.46C24.91,110.8,24.19,112.32,21,112.66Zm1.51-9.48a1.88,1.88,0,0,0-1.59-.77c-.91,0-1.4.79-1.4,2.29,0,1.85.62,2.62,1.54,2.62a1.65,1.65,0,0,0,1.45-.75Z"/><path class="cls-2" d="M32.19,103.13a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86H26.94v-9H29.3v.6a2.49,2.49,0,0,1,1.85-.79,2.3,2.3,0,0,1,1.66.63Z"/><path class="cls-2" d="M37.56,109.55c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69,4.07,1.93,4.07,4.69S39.9,109.55,37.56,109.55Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S38.69,102.47,37.56,102.47Z"/><path class="cls-2" d="M51.7,109.36h-2l-.89-3.52c-.17-.7-.41-1.69-.48-2.12-.07.43-.31,1.42-.48,2.12L47,109.36H45l-2.58-9h2.39l.79,3.32c.15.68.36,1.63.43,2.05.07-.44.29-1.35.48-2.05l.89-3.32h1.95l.89,3.32c.19.7.41,1.61.48,2.05.07-.43.27-1.37.43-2.05l.79-3.32h2.33Z"/><path class="cls-2" d="M60.58,109a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V102.6H54.85v-2.22h1.51V98.07l2.36-1.18v3.49h2.16v2.22H58.71v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M68.25,109.36V104.5c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91H62.83V98.07l2.36-1.18V101a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M82.14,109.36v-.6a2.87,2.87,0,0,1-2,.79,3.13,3.13,0,0,1-3.35-3.2c0-2,1.61-3,3.64-3a3.72,3.72,0,0,1,1.73.36v-.44a1.14,1.14,0,0,0-1.28-1.15,4.43,4.43,0,0,0-2.46.6l-.91-1.64a6,6,0,0,1,3.37-.91c2.17,0,3.64,1.13,3.64,3.15v6Zm0-3.76a2.74,2.74,0,0,0-1.64-.38c-.89,0-1.37.41-1.37,1.13s.36,1.2,1.37,1.2a1.93,1.93,0,0,0,1.64-.82Z"/><path class="cls-2" d="M91.84,109.36V104.5c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91H86.41v-9h2.36v.6a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M101,109.36v-.56a2.77,2.77,0,0,1-1.9.75c-1.92,0-3.49-1.44-3.49-4.79,0-2.69,1.27-4.57,3.49-4.57a2.84,2.84,0,0,1,1.9.7V98.07l2.36-1.18v12.47Zm0-6.17a1.88,1.88,0,0,0-1.59-.77c-.91,0-1.4.79-1.4,2.29,0,1.85.62,2.62,1.54,2.62a1.65,1.65,0,0,0,1.45-.75Z"/><path class="cls-2" d="M113.69,109.55c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69,4.07,1.93,4.07,4.69S116,109.55,113.69,109.55Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S114.82,102.47,113.69,102.47Z"/><path class="cls-2" d="M123.56,109.55a2.84,2.84,0,0,1-1.9-.7v2.63l-2.36,1.18V100.38h2.36v.56a2.77,2.77,0,0,1,1.9-.75c1.92,0,3.49,1.44,3.49,4.79C127,107.67,125.78,109.55,123.56,109.55Zm-.44-7.13a1.65,1.65,0,0,0-1.45.75v3.39a1.88,1.88,0,0,0,1.59.77c.91,0,1.4-.79,1.4-2.29C124.65,103.19,124,102.42,123.11,102.42Z"/><path class="cls-2" d="M132.88,109.55a2.84,2.84,0,0,1-1.9-.7v2.63l-2.36,1.18V100.38H131v.56a2.77,2.77,0,0,1,1.9-.75c1.92,0,3.49,1.44,3.49,4.79C136.36,107.67,135.1,109.55,132.88,109.55Zm-.44-7.13a1.65,1.65,0,0,0-1.45.75v3.39a1.88,1.88,0,0,0,1.59.77c.91,0,1.4-.79,1.4-2.29C134,103.19,133.35,102.42,132.43,102.42Z"/><path class="cls-2" d="M141.53,109.55c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69,4.07,1.93,4.07,4.69S143.87,109.55,141.53,109.55Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S142.66,102.47,141.53,102.47Z"/><path class="cls-2" d="M152.39,103.13a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86h-2.36v-9h2.36v.6a2.49,2.49,0,0,1,1.85-.79,2.3,2.3,0,0,1,1.66.63Z"/><path class="cls-2" d="M159.17,109a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V102.6h-1.51v-2.22H155V98.07l2.36-1.18v3.49h2.16v2.22h-2.16v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M166.77,109.36v-.6a2.94,2.94,0,0,1-2.1.79c-2.29,0-3.32-1.57-3.32-4.1v-5.06h2.36v4.86c0,1.61.55,2.09,1.52,2.09s1.54-.48,1.54-2v-4.91h2.36v9Z"/><path class="cls-2" d="M176.55,109.36V104.5c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91h-2.36v-9h2.36v.6a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M182.09,99.64a1.35,1.35,0,1,1,1.35-1.35A1.37,1.37,0,0,1,182.09,99.64Zm-1.18,9.72v-9h2.36v9Z"/><path class="cls-2" d="M190.37,109a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V102.6h-1.51v-2.22h1.51V98.07l2.36-1.18v3.49h2.16v2.22H188.5v3.61c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M196.52,112.53h-2.33l1.2-3.16-3.49-9h2.6l1.47,4.33c.24.68.48,1.54.58,2,.1-.44.34-1.27.58-2l1.47-4.33h2.53Z"/><path class="cls-2" d="M21.43,118.71c-.7,0-.87.22-.87.72v.75h1.52v2.22H20.56v6.76H18.2V122.4H17.12v-2.22H18.2V119.1c0-1.68.92-2.36,2.57-2.36a3.86,3.86,0,0,1,1.49.26v1.9A1.72,1.72,0,0,0,21.43,118.71Z"/><path class="cls-2" d="M27.25,129.35c-2.34,0-4.05-1.92-4.05-4.67S24.9,120,27.25,120s4.07,1.93,4.07,4.69S29.59,129.35,27.25,129.35Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S28.38,122.27,27.25,122.27Z"/><path class="cls-2" d="M38.11,122.93a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86H32.86v-9h2.36v.6a2.49,2.49,0,0,1,1.85-.79,2.3,2.3,0,0,1,1.66.63Z"/><path class="cls-2" d="M48.45,132.33H46.13l1.2-3.16-3.49-9h2.6l1.47,4.33c.24.68.48,1.54.58,2,.1-.44.34-1.27.58-2l1.47-4.33h2.53Z"/><path class="cls-2" d="M57.94,129.35c-2.34,0-4.05-1.92-4.05-4.67S55.6,120,57.94,120,62,121.93,62,124.68,60.29,129.35,57.94,129.35Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S59.07,122.27,57.94,122.27Z"/><path class="cls-2" d="M68.89,129.16v-.6a2.94,2.94,0,0,1-2.1.79c-2.29,0-3.32-1.57-3.32-4.1v-5.06h2.36V125c0,1.61.55,2.09,1.52,2.09s1.54-.48,1.54-2v-4.91h2.36v9Z"/><path class="cls-2" d="M78.5,122.93a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86H73.25v-9h2.36v.6a2.49,2.49,0,0,1,1.85-.79,2.3,2.3,0,0,1,1.66.63Z"/><path class="cls-2" d="M89.2,129.35a2.84,2.84,0,0,1-1.9-.7v2.63l-2.36,1.18V120.18H87.3v.56a2.77,2.77,0,0,1,1.9-.75c1.92,0,3.49,1.44,3.49,4.79C92.69,127.47,91.42,129.35,89.2,129.35Zm-.44-7.13a1.65,1.65,0,0,0-1.45.75v3.39a1.88,1.88,0,0,0,1.59.77c.91,0,1.4-.79,1.4-2.29C90.3,123,89.68,122.22,88.76,122.22Z"/><path class="cls-2" d="M99.51,122.93a2,2,0,0,0-1.37-.58c-.92,0-1.52.39-1.52,1.95v4.86H94.26v-9h2.36v.6a2.49,2.49,0,0,1,1.85-.79,2.3,2.3,0,0,1,1.66.63Z"/><path class="cls-2" d="M102.56,119.44a1.35,1.35,0,1,1,1.35-1.35A1.37,1.37,0,0,1,102.56,119.44Zm-1.18,9.72v-9h2.36v9Z"/><path class="cls-2" d="M110.76,129.16h-2.43l-3.23-9h2.6l1.32,4.16c.22.68.46,1.54.56,2,.1-.44.34-1.27.56-2l1.32-4.16H114Z"/><path class="cls-2" d="M120.22,129.16v-.6a2.87,2.87,0,0,1-2,.79,3.13,3.13,0,0,1-3.35-3.2c0-2,1.61-3,3.64-3a3.72,3.72,0,0,1,1.73.36v-.44a1.14,1.14,0,0,0-1.28-1.15,4.43,4.43,0,0,0-2.46.6l-.91-1.64a6,6,0,0,1,3.37-.91c2.17,0,3.64,1.13,3.64,3.15v6Zm0-3.76a2.74,2.74,0,0,0-1.64-.38c-.89,0-1.37.41-1.37,1.13s.36,1.2,1.37,1.2a1.93,1.93,0,0,0,1.64-.82Z"/><path class="cls-2" d="M129.51,128.8a3.14,3.14,0,0,1-1.83.55,2.44,2.44,0,0,1-2.39-2.7V122.4h-1.51v-2.22h1.51v-2.31l2.36-1.18v3.49h2.16v2.22h-2.16V126c0,.86.31,1.08.87,1.08s.75-.19,1.33-.68Z"/><path class="cls-2" d="M139,125.43h-5.37a1.73,1.73,0,0,0,1.85,1.69,2,2,0,0,0,1.54-.63l1.68,1.4a4.19,4.19,0,0,1-3.22,1.45c-2.58,0-4.23-1.83-4.23-4.67s1.73-4.69,4-4.69,3.78,2.12,3.78,4.69A7.4,7.4,0,0,1,139,125.43ZM135.18,122a1.56,1.56,0,0,0-1.47,1.61h3.08A1.59,1.59,0,0,0,135.18,122Z"/><path class="cls-2" d="M149.09,129.35c-2.34,0-4.21-1.92-4.21-4.67s1.81-4.69,4.31-4.69a4,4,0,0,1,3.56,2l-1.56,1.57a2.42,2.42,0,0,0-2.05-1.28c-1.13,0-1.86.94-1.86,2.41s.74,2.39,1.86,2.39a2.59,2.59,0,0,0,2.12-1.15l1.51,1.42A4.28,4.28,0,0,1,149.09,129.35Z"/><path class="cls-2" d="M157.82,129.35c-2.34,0-4.05-1.92-4.05-4.67s1.71-4.69,4.05-4.69,4.07,1.93,4.07,4.69S160.17,129.35,157.82,129.35Zm0-7.08c-1.13,0-1.66,1-1.66,2.41s.53,2.39,1.66,2.39,1.68-1.15,1.68-2.39S159,122.27,157.82,122.27Z"/><path class="cls-2" d="M173.93,129.16V124.3c0-1.61-.46-2.09-1.44-2.09s-1.45.48-1.45,2v4.91h-2.36V124.3c0-1.61-.46-2.09-1.44-2.09s-1.45.48-1.45,2v4.91h-2.36v-9h2.36v.6a2.6,2.6,0,0,1,2-.79,2.81,2.81,0,0,1,2.48,1.15A3.57,3.57,0,0,1,173.1,120c2.29,0,3.2,1.57,3.2,4.11v5.06Z"/><path class="cls-2" d="M182.46,129.35a2.84,2.84,0,0,1-1.9-.7v2.63l-2.36,1.18V120.18h2.36v.56a2.77,2.77,0,0,1,1.9-.75c1.92,0,3.49,1.44,3.49,4.79C186,127.47,184.69,129.35,182.46,129.35Zm-.44-7.13a1.65,1.65,0,0,0-1.45.75v3.39a1.88,1.88,0,0,0,1.59.77c.91,0,1.4-.79,1.4-2.29C183.56,123,182.94,122.22,182,122.22Z"/><path class="cls-2" d="M192.47,129.16v-.6a2.87,2.87,0,0,1-2,.79,3.13,3.13,0,0,1-3.35-3.2c0-2,1.61-3,3.64-3a3.72,3.72,0,0,1,1.73.36v-.44a1.14,1.14,0,0,0-1.28-1.15,4.43,4.43,0,0,0-2.46.6l-.91-1.64a6,6,0,0,1,3.37-.91c2.17,0,3.64,1.13,3.64,3.15v6Zm0-3.76a2.74,2.74,0,0,0-1.64-.38c-.89,0-1.37.41-1.37,1.13s.36,1.2,1.37,1.2a1.93,1.93,0,0,0,1.64-.82Z"/><path class="cls-2" d="M202.16,129.16V124.3c0-1.61-.55-2.09-1.52-2.09s-1.54.48-1.54,2v4.91h-2.36v-9h2.36v.6a2.94,2.94,0,0,1,2.1-.79c2.29,0,3.32,1.57,3.32,4.11v5.06Z"/><path class="cls-2" d="M210.34,132.33H208l1.2-3.16-3.49-9h2.6l1.47,4.33c.24.68.48,1.54.58,2,.1-.44.34-1.27.58-2l1.47-4.33H215Z"/><path class="cls-2" d="M222.7,123.31c-1.44.68-1.8,1.08-1.85,2.09h-2.34c0-1.62.48-2.63,2.41-3.52.85-.39,1.11-.67,1.11-1.28,0-.79-.58-1.25-2-1.25a4,4,0,0,0-3,1.44l-1.54-1.8a6.12,6.12,0,0,1,4.53-2c2.62,0,4.43,1.11,4.43,3.49A3,3,0,0,1,222.7,123.31Zm-3,6a1.45,1.45,0,1,1,1.45-1.45A1.47,1.47,0,0,1,219.69,129.35Z"/><path class="cls-2" d="M20.54,149.11a4.38,4.38,0,0,1-3.36-1.53l1-1a3.45,3.45,0,0,0,2.46,1.12c1.32,0,2-.46,2-1.38,0-.73-.55-1.09-2.13-1.57-2-.59-3-1.09-3-2.78s1.38-2.63,3.12-2.63a4.23,4.23,0,0,1,3.09,1.28l-1,1a2.86,2.86,0,0,0-2.2-.9c-1.11,0-1.58.54-1.58,1.17s.43,1,2.07,1.47c1.86.57,3,1.16,3,2.85S23,149.11,20.54,149.11Z"/><path class="cls-2" d="M31.26,145.91H26.57c.15,1.36.92,1.94,1.78,1.94a2.48,2.48,0,0,0,1.54-.57l.82.89a3.3,3.3,0,0,1-2.44.93c-1.66,0-3.07-1.34-3.07-3.69s1.27-3.7,3.11-3.7c2,0,3,1.63,3,3.55C31.3,145.53,31.27,145.76,31.26,145.91Zm-3-2.93c-.93,0-1.5.65-1.62,1.78h3.29C29.83,143.79,29.37,143,28.22,143Z"/><path class="cls-2" d="M38.33,145.91H33.65c.15,1.36.92,1.94,1.78,1.94a2.48,2.48,0,0,0,1.54-.57l.82.89a3.3,3.3,0,0,1-2.44.93c-1.66,0-3.07-1.34-3.07-3.69s1.27-3.7,3.11-3.7c2,0,3,1.63,3,3.55C38.37,145.53,38.35,145.76,38.33,145.91Zm-3-2.93c-.93,0-1.5.65-1.62,1.78H37C36.9,143.79,36.44,143,35.29,143Z"/><path class="cls-2" d="M46.32,148.78a2.82,2.82,0,0,1-1.36.32c-1,0-1.59-.61-1.59-1.88v-4.09h-1v-1.27h1v-2l1.36-.73v2.75h1.76v1.27H44.73V147c0,.66.22.85.73.85a2.23,2.23,0,0,0,1-.28Z"/><path class="cls-2" d="M52.28,149v-4c0-1.43-.54-1.94-1.46-1.94s-1.46.66-1.46,1.81V149H48v-9.12l1.39-.73v3.43a2.17,2.17,0,0,1,1.78-.82c1.65,0,2.53,1.08,2.53,3.17V149Z"/><path class="cls-2" d="M61,145.91H56.29c.15,1.36.92,1.94,1.78,1.94a2.48,2.48,0,0,0,1.54-.57l.82.89a3.3,3.3,0,0,1-2.44.93c-1.66,0-3.07-1.34-3.07-3.69s1.27-3.7,3.11-3.7c2,0,3,1.63,3,3.55C61,145.53,61,145.76,61,145.91Zm-3-2.93c-.93,0-1.5.65-1.62,1.78h3.29C59.54,143.79,59.08,143,57.93,143Z"/><path class="cls-2" d="M73.81,149v-4c0-1.43-.45-1.94-1.36-1.94s-1.36.66-1.36,1.81V149H69.69v-4c0-1.43-.45-1.94-1.36-1.94s-1.36.66-1.36,1.81V149H65.57v-7.09H67v.68a2,2,0,0,1,1.69-.82,2,2,0,0,1,1.94,1,2.48,2.48,0,0,1,2.17-1c1.65,0,2.43,1.08,2.43,3.17V149Z"/><path class="cls-2" d="M79.57,149.11c-1.78,0-3.12-1.47-3.12-3.69s1.38-3.7,3.16-3.7,3.16,1.44,3.16,3.66S81.4,149.11,79.57,149.11Zm0-6.06c-1.05,0-1.7.93-1.7,2.34s.72,2.4,1.77,2.4,1.74-1.07,1.74-2.36S80.68,143,79.56,143Z"/><path class="cls-2" d="M87.43,149H86l-2.54-7.09H85l1.27,3.85c.23.69.43,1.35.53,1.74.08-.39.27-1.05.49-1.74l1.22-3.85h1.47Z"/><path class="cls-2" d="M91.76,141a.9.9,0,1,1,.89-.89A.9.9,0,0,1,91.76,141Zm-.7,8v-7.09h1.39V149Z"/><path class="cls-2" d="M99.88,145.91H95.19c.15,1.36.92,1.94,1.78,1.94a2.48,2.48,0,0,0,1.54-.57l.82.89a3.3,3.3,0,0,1-2.44.93c-1.66,0-3.07-1.34-3.07-3.69s1.27-3.7,3.11-3.7c2,0,3,1.63,3,3.55C99.92,145.53,99.89,145.76,99.88,145.91Zm-3-2.93c-.93,0-1.5.65-1.62,1.78h3.29C98.45,143.79,98,143,96.84,143Z"/><path class="cls-2" d="M101.93,149.11a1.08,1.08,0,0,1-1.07-1.07,1.07,1.07,0,1,1,2.13,0A1.08,1.08,0,0,1,101.93,149.11Z"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="260.59" height="74.1" viewBox="0 0 260.59 74.1"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#ffd400;}</style></defs><title>app2-cta-hover</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><rect class="cls-1" width="223.9" height="74.1"/><rect class="cls-2" x="186.48" width="74.1" height="74.1"/><polygon class="cls-1" points="228.55 37.3 211.06 58.19 224.44 58.19 241.93 37.3 224.44 16.42 211.06 16.42 228.55 37.3"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="186.48" height="74.1" viewBox="0 0 186.48 74.1"><defs><style>.cls-1{fill:none;}.cls-2{fill:#414042;}</style></defs><title>app2-cta-txt_1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><rect class="cls-1" width="186.48" height="74.1" transform="translate(186.48 74.1) rotate(180)"/><path class="cls-2" d="M13.54,24.11V12.91h7.22v1.63H15.22v2.77h3.22v1.63H15.22v3.54H21v1.63Z"/><path class="cls-2" d="M27.8,19.68v4.43H26.12V19.68l-4-6.77h2L25.82,16c.38.69,1,1.81,1.15,2.22.19-.42.75-1.49,1.15-2.21l1.76-3.1h1.94Z"/><path class="cls-2" d="M44.72,24.11H43.31l-1.14-4.24c-.18-.64-.35-1.39-.43-1.79-.08.4-.26,1.17-.43,1.81l-1.12,4.23H38.78l-2.31-8.4h1.63l1,4.08c.16.64.34,1.44.42,1.84.1-.42.29-1.18.46-1.84l1.12-4.08h1.33l1.14,4.1c.18.66.35,1.41.45,1.82.1-.42.26-1.2.42-1.84l1-4.08h1.63Z"/><path class="cls-2" d="M51.73,24.29c-2.11,0-3.7-1.74-3.7-4.37s1.63-4.39,3.75-4.39,3.75,1.71,3.75,4.34C55.52,22.66,53.89,24.29,51.73,24.29Zm0-7.19c-1.25,0-2,1.1-2,2.77,0,1.84.85,2.85,2.1,2.85s2.06-1.26,2.06-2.8C53.86,18.21,53,17.1,51.71,17.1Z"/><path class="cls-2" d="M61.63,17.45a2.47,2.47,0,0,0-1.26-.3c-1,0-1.65.74-1.65,2.16v4.8H57.07v-8.4h1.65v.8a2.33,2.33,0,0,1,1.92-1,2.42,2.42,0,0,1,1.42.35Z"/><path class="cls-2" d="M68.07,24.11l-1.86-4.18-1.28,1.7v2.48H63.28V13.31l1.65-.86v5.3c0,.51,0,1.38,0,1.79l.93-1.38,1.75-2.45h1.87l-2.13,2.82,2.53,5.59Z"/><path class="cls-2" d="M74,24.29a5.74,5.74,0,0,1-3.22-1.07L71.52,22A4.41,4.41,0,0,0,74,22.8c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41c-1.81-.7-2.46-1.31-2.46-2.64,0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26A3.66,3.66,0,0,0,73.91,17c-.8,0-1.15.32-1.15.77S73,18.5,74.31,19c1.87.72,2.83,1.23,2.83,2.82C77.14,23.67,75.64,24.29,74,24.29Z"/><path class="cls-2" d="M90.28,24.11H88.87l-1.14-4.24c-.18-.64-.35-1.39-.43-1.79-.08.4-.26,1.17-.43,1.81l-1.12,4.23H84.34L82,15.71h1.63l1,4.08c.16.64.34,1.44.42,1.84.1-.42.29-1.18.46-1.84l1.12-4.08H88l1.14,4.1c.18.66.35,1.41.45,1.82.1-.42.26-1.2.42-1.84l1-4.08h1.63Z"/><path class="cls-2" d="M94.9,14.62A1.06,1.06,0,1,1,96,13.57,1.07,1.07,0,0,1,94.9,14.62Zm-.83,9.49v-8.4h1.65v8.4Z"/><path class="cls-2" d="M101.77,23.91a3.35,3.35,0,0,1-1.62.38c-1.17,0-1.89-.72-1.89-2.22V17.22h-1.2v-1.5h1.2v-2.4l1.62-.86v3.27H102v1.5H99.88v4.56c0,.78.26,1,.86,1a2.63,2.63,0,0,0,1.22-.34Z"/><path class="cls-2" d="M108.83,24.11V19.36c0-1.7-.64-2.3-1.73-2.3s-1.73.78-1.73,2.14v4.91h-1.65V13.31l1.65-.86v4.07a2.57,2.57,0,0,1,2.11-1c2,0,3,1.28,3,3.76v4.82Z"/><path class="cls-2" d="M119.95,24.29a3,3,0,0,1-2.11-1v3l-1.63.85V15.71h1.63v.8a3.2,3.2,0,0,1,2.19-1c1.81,0,3.23,1.31,3.23,4.51C123.26,22.93,121.69,24.29,119.95,24.29Zm-.22-7.23a2.58,2.58,0,0,0-1.9,1.07v3.54a2.69,2.69,0,0,0,2,1.1c1.18,0,1.82-.9,1.82-2.67C121.61,18,120.94,17.05,119.72,17.05Z"/><path class="cls-2" d="M129.41,17.45a2.47,2.47,0,0,0-1.26-.3c-1,0-1.65.74-1.65,2.16v4.8h-1.65v-8.4h1.65v.8a2.33,2.33,0,0,1,1.92-1,2.42,2.42,0,0,1,1.42.35Z"/><path class="cls-2" d="M132,14.62A1.06,1.06,0,1,1,133,13.57,1.07,1.07,0,0,1,132,14.62Zm-.83,9.49v-8.4h1.65v8.4Z"/><path class="cls-2" d="M138.78,24.11h-1.65l-3-8.4h1.73l1.5,4.56c.27.82.51,1.6.62,2.07.1-.46.32-1.25.58-2.07L140,15.71h1.74Z"/><path class="cls-2" d="M147.83,24.11v-.83a3.31,3.31,0,0,1-2.31,1,2.71,2.71,0,0,1-2.91-2.83c0-1.87,1.44-2.72,3.35-2.72a4.62,4.62,0,0,1,1.87.32v-.62c0-.91-.56-1.42-1.58-1.42a4.24,4.24,0,0,0-2.19.53l-.64-1.25a5.21,5.21,0,0,1,2.88-.75c1.87,0,3.15.91,3.15,2.82v5.76Zm0-3.58a4.14,4.14,0,0,0-1.92-.37c-1.06,0-1.73.48-1.73,1.25s.53,1.39,1.62,1.39a2.64,2.64,0,0,0,2-1.07Z"/><path class="cls-2" d="M155.35,23.91a3.35,3.35,0,0,1-1.62.38c-1.17,0-1.89-.72-1.89-2.22V17.22h-1.2v-1.5h1.2v-2.4l1.62-.86v3.27h2.08v1.5h-2.08v4.56c0,.78.26,1,.86,1a2.63,2.63,0,0,0,1.22-.34Z"/><path class="cls-2" d="M164.07,20.5h-5.55c.18,1.62,1.09,2.3,2.11,2.3a3,3,0,0,0,1.82-.67l1,1.06a3.9,3.9,0,0,1-2.9,1.1c-2,0-3.63-1.58-3.63-4.37s1.5-4.39,3.68-4.39c2.38,0,3.54,1.94,3.54,4.21C164.12,20,164.08,20.32,164.07,20.5ZM160.47,17c-1.1,0-1.78.77-1.92,2.11h3.91C162.37,18,161.83,17,160.47,17Z"/><path class="cls-2" d="M17,43.49a3,3,0,0,1-2.11-1v.78H13.3V32.5l1.63-.85v4.07a3.2,3.2,0,0,1,2.19-1c1.81,0,3.23,1.31,3.23,4.51C20.36,42.13,18.79,43.49,17,43.49Zm-.22-7.23a2.58,2.58,0,0,0-1.9,1.07v3.54a2.69,2.69,0,0,0,2,1.1c1.18,0,1.82-.9,1.82-2.67C18.71,37.19,18,36.26,16.83,36.26Z"/><path class="cls-2" d="M27,43.32v-.8a2.57,2.57,0,0,1-2.11,1c-2,0-3-1.28-3-3.76V34.91h1.65v4.75c0,1.7.64,2.3,1.73,2.3S27,41.19,27,39.83V34.91h1.65v8.4Z"/><path class="cls-2" d="M33.31,43.49a5.74,5.74,0,0,1-3.22-1.07l.75-1.25a4.41,4.41,0,0,0,2.45.83c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41c-1.81-.7-2.46-1.31-2.46-2.64,0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26a3.66,3.66,0,0,0-2.18-.72c-.8,0-1.15.32-1.15.77s.29.72,1.55,1.22c1.87.72,2.83,1.23,2.83,2.82C36.46,42.87,35,43.49,33.31,43.49Z"/><path class="cls-2" d="M39,33.83a1.06,1.06,0,1,1,1.06-1.06A1.07,1.07,0,0,1,39,33.83Zm-.83,9.49v-8.4h1.65v8.4Z"/><path class="cls-2" d="M47,43.32V38.56c0-1.7-.64-2.3-1.73-2.3S43.5,37,43.5,38.4v4.91H41.85v-8.4H43.5v.8a2.57,2.57,0,0,1,2.11-1c2,0,3,1.28,3,3.76v4.82Z"/><path class="cls-2" d="M57.27,39.7H51.71c.18,1.62,1.09,2.3,2.11,2.3a3,3,0,0,0,1.82-.67l1,1.06a3.9,3.9,0,0,1-2.9,1.1c-2,0-3.63-1.58-3.63-4.37s1.5-4.39,3.68-4.39c2.38,0,3.54,1.94,3.54,4.21C57.31,39.25,57.28,39.52,57.27,39.7Zm-3.6-3.47c-1.1,0-1.78.77-1.92,2.11h3.91C55.57,37.19,55,36.23,53.66,36.23Z"/><path class="cls-2" d="M61.6,43.49a5.74,5.74,0,0,1-3.22-1.07l.75-1.25a4.41,4.41,0,0,0,2.45.83c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41C59.36,39,58.7,38.36,58.7,37c0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26a3.66,3.66,0,0,0-2.18-.72c-.8,0-1.15.32-1.15.77s.29.72,1.55,1.22c1.87.72,2.83,1.23,2.83,2.82C64.75,42.87,63.25,43.49,61.6,43.49Z"/><path class="cls-2" d="M69.11,43.49a5.74,5.74,0,0,1-3.22-1.07l.75-1.25a4.41,4.41,0,0,0,2.45.83c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41c-1.81-.7-2.46-1.31-2.46-2.64,0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26A3.66,3.66,0,0,0,69,36.21c-.8,0-1.15.32-1.15.77s.29.72,1.55,1.22c1.87.72,2.83,1.23,2.83,2.82C72.26,42.87,70.76,43.49,69.11,43.49Z"/><path class="cls-2" d="M81,43.49c-2.11,0-3.7-1.74-3.7-4.37s1.63-4.39,3.75-4.39,3.75,1.71,3.75,4.34C84.82,41.86,83.19,43.49,81,43.49Zm0-7.19c-1.25,0-2,1.1-2,2.77,0,1.84.85,2.85,2.1,2.85s2.06-1.26,2.06-2.8C83.16,37.41,82.34,36.31,81,36.31Z"/><path class="cls-2" d="M94,43.32H92.63l-1.14-4.24c-.18-.64-.35-1.39-.43-1.79-.08.4-.26,1.17-.43,1.81l-1.12,4.23H88.1l-2.31-8.4h1.63l1,4.08c.16.64.34,1.44.42,1.84.1-.42.29-1.18.46-1.84l1.12-4.08h1.33L92.89,39c.18.66.35,1.41.45,1.82.1-.42.26-1.2.42-1.84l1-4.08h1.63Z"/><path class="cls-2" d="M102.86,43.32V38.56c0-1.7-.64-2.3-1.73-2.3S99.4,37,99.4,38.4v4.91H97.75v-8.4H99.4v.8a2.57,2.57,0,0,1,2.11-1c2,0,3,1.28,3,3.76v4.82Z"/><path class="cls-2" d="M113.16,39.7h-5.55c.18,1.62,1.09,2.3,2.11,2.3a3,3,0,0,0,1.82-.67l1,1.06a3.9,3.9,0,0,1-2.9,1.1c-2,0-3.63-1.58-3.63-4.37s1.5-4.39,3.68-4.39c2.38,0,3.54,1.94,3.54,4.21C113.21,39.25,113.18,39.52,113.16,39.7Zm-3.6-3.47c-1.1,0-1.78.77-1.92,2.11h3.91C111.47,37.19,110.92,36.23,109.56,36.23Z"/><path class="cls-2" d="M119.34,36.66a2.46,2.46,0,0,0-1.26-.3c-1,0-1.65.74-1.65,2.16v4.8h-1.65v-8.4h1.65v.8a2.33,2.33,0,0,1,1.92-1,2.42,2.42,0,0,1,1.42.35Z"/><path class="cls-2" d="M123.71,43.49a5.74,5.74,0,0,1-3.22-1.07l.75-1.25a4.41,4.41,0,0,0,2.45.83c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41c-1.81-.7-2.46-1.31-2.46-2.64,0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26a3.66,3.66,0,0,0-2.18-.72c-.8,0-1.15.32-1.15.77s.29.72,1.55,1.22c1.87.72,2.83,1.23,2.83,2.82C126.86,42.87,125.36,43.49,123.71,43.49Z"/><path class="cls-2" d="M137.15,43.32v-.83a3.31,3.31,0,0,1-2.31,1,2.71,2.71,0,0,1-2.91-2.83c0-1.87,1.44-2.72,3.35-2.72a4.62,4.62,0,0,1,1.87.32v-.62c0-.91-.56-1.42-1.58-1.42a4.24,4.24,0,0,0-2.19.53l-.64-1.25a5.21,5.21,0,0,1,2.88-.75c1.87,0,3.15.91,3.15,2.82v5.76Zm0-3.59a4.16,4.16,0,0,0-1.92-.37c-1.06,0-1.73.48-1.73,1.25S134,42,135.12,42a2.64,2.64,0,0,0,2-1.07Z"/><path class="cls-2" d="M145.94,37.33a2.76,2.76,0,0,0-2-1c-1.2,0-2,1.07-2,2.79s.7,2.83,2,2.83a2.47,2.47,0,0,0,1.9-1l1.06,1a3.57,3.57,0,0,1-3,1.57c-2,0-3.63-1.73-3.63-4.35,0-2.79,1.63-4.4,3.68-4.4a3.72,3.72,0,0,1,3,1.42Z"/><path class="cls-2" d="M153.09,36.66a2.46,2.46,0,0,0-1.26-.3c-1,0-1.65.74-1.65,2.16v4.8h-1.65v-8.4h1.65v.8a2.33,2.33,0,0,1,1.92-1,2.42,2.42,0,0,1,1.42.35Z"/><path class="cls-2" d="M158,43.49c-2.11,0-3.7-1.74-3.7-4.37s1.63-4.39,3.75-4.39,3.75,1.71,3.75,4.34C161.83,41.86,160.2,43.49,158,43.49Zm0-7.19c-1.25,0-2,1.1-2,2.77,0,1.84.85,2.85,2.1,2.85s2.06-1.26,2.06-2.8C160.16,37.41,159.35,36.31,158,36.31Z"/><path class="cls-2" d="M166.1,43.49a5.74,5.74,0,0,1-3.22-1.07l.75-1.25a4.41,4.41,0,0,0,2.45.83c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41c-1.81-.7-2.46-1.31-2.46-2.64,0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26a3.66,3.66,0,0,0-2.18-.72c-.8,0-1.15.32-1.15.77s.29.72,1.55,1.22c1.87.72,2.83,1.23,2.83,2.82C169.25,42.87,167.75,43.49,166.1,43.49Z"/><path class="cls-2" d="M173.6,43.49a5.74,5.74,0,0,1-3.22-1.07l.75-1.25a4.41,4.41,0,0,0,2.45.83c1,0,1.54-.34,1.54-.93s-.74-.94-2-1.41c-1.81-.7-2.46-1.31-2.46-2.64,0-1.5,1.18-2.29,2.87-2.29a5,5,0,0,1,2.85.93l-.72,1.26a3.66,3.66,0,0,0-2.18-.72c-.8,0-1.15.32-1.15.77s.29.72,1.55,1.22c1.87.72,2.83,1.23,2.83,2.82C176.76,42.87,175.25,43.49,173.6,43.49Z"/><path class="cls-2" d="M17.75,62.7c-2.9,0-4.74-2.38-4.74-5.78s1.84-5.78,4.74-5.78a4,4,0,0,1,3.81,2.1l-1.49.93a2.43,2.43,0,0,0-2.32-1.34c-2,0-3,1.58-3,4.1s1.06,4.1,3,4.1a2.66,2.66,0,0,0,2.46-1.39l1.39.93A4.27,4.27,0,0,1,17.75,62.7Z"/><path class="cls-2" d="M28.12,62.52v-.83a3.31,3.31,0,0,1-2.31,1,2.71,2.71,0,0,1-2.91-2.83c0-1.87,1.44-2.72,3.35-2.72a4.62,4.62,0,0,1,1.87.32v-.62c0-.91-.56-1.42-1.58-1.42a4.24,4.24,0,0,0-2.19.53l-.64-1.25a5.21,5.21,0,0,1,2.88-.75c1.87,0,3.15.91,3.15,2.82v5.76Zm0-3.59a4.16,4.16,0,0,0-1.92-.37c-1.06,0-1.73.48-1.73,1.25s.53,1.39,1.62,1.39a2.64,2.64,0,0,0,2-1.07Z"/><path class="cls-2" d="M36.73,62.52V57.77c0-1.7-.64-2.3-1.73-2.3s-1.73.78-1.73,2.14v4.91H31.63v-8.4h1.65v.8a2.57,2.57,0,0,1,2.11-1c2,0,3,1.28,3,3.76v4.82Z"/><path class="cls-2" d="M45.09,62.52v-.83a3.31,3.31,0,0,1-2.31,1,2.71,2.71,0,0,1-2.91-2.83c0-1.87,1.44-2.72,3.35-2.72a4.62,4.62,0,0,1,1.87.32v-.62c0-.91-.56-1.42-1.58-1.42a4.24,4.24,0,0,0-2.19.53l-.64-1.25a5.21,5.21,0,0,1,2.88-.75c1.87,0,3.15.91,3.15,2.82v5.76Zm0-3.59a4.16,4.16,0,0,0-1.92-.37c-1.06,0-1.73.48-1.73,1.25s.53,1.39,1.62,1.39a2.64,2.64,0,0,0,2-1.07Z"/><path class="cls-2" d="M53.65,62.52v-.8a3.2,3.2,0,0,1-2.19,1c-1.81,0-3.23-1.31-3.23-4.51,0-2.88,1.57-4.24,3.31-4.24a3,3,0,0,1,2.11,1V51.7l1.63-.85V62.52Zm0-6a2.69,2.69,0,0,0-2-1.1c-1.18,0-1.82.9-1.82,2.67,0,2.11.67,3,1.89,3a2.58,2.58,0,0,0,1.9-1.07Z"/><path class="cls-2" d="M62.05,62.52v-.83a3.31,3.31,0,0,1-2.31,1,2.71,2.71,0,0,1-2.91-2.83c0-1.87,1.44-2.72,3.35-2.72a4.62,4.62,0,0,1,1.87.32v-.62c0-.91-.56-1.42-1.58-1.42a4.24,4.24,0,0,0-2.19.53l-.64-1.25a5.21,5.21,0,0,1,2.88-.75c1.87,0,3.15.91,3.15,2.82v5.76Zm0-3.59a4.16,4.16,0,0,0-1.92-.37c-1.06,0-1.73.48-1.73,1.25s.53,1.39,1.62,1.39a2.64,2.64,0,0,0,2-1.07Z"/><path class="cls-2" d="M66.37,62.7a1.28,1.28,0,0,1-1.26-1.26,1.26,1.26,0,1,1,2.53,0A1.28,1.28,0,0,1,66.37,62.7Z"/><path class="cls-2" d="M73.22,62.52V51.32H74.9v9.56h5.59v1.65Z"/><path class="cls-2" d="M88.79,58.9H83.24c.18,1.62,1.09,2.3,2.11,2.3a3,3,0,0,0,1.82-.67l1,1.06a3.9,3.9,0,0,1-2.9,1.1c-2,0-3.63-1.58-3.63-4.37s1.5-4.39,3.68-4.39c2.38,0,3.54,1.94,3.54,4.21C88.84,58.46,88.81,58.73,88.79,58.9Zm-3.6-3.47c-1.1,0-1.78.77-1.92,2.11h3.91C87.09,56.39,86.55,55.43,85.19,55.43Z"/><path class="cls-2" d="M95.22,62.52v-.83a3.31,3.31,0,0,1-2.31,1A2.71,2.71,0,0,1,90,59.86c0-1.87,1.44-2.72,3.35-2.72a4.62,4.62,0,0,1,1.87.32v-.62c0-.91-.56-1.42-1.58-1.42a4.24,4.24,0,0,0-2.19.53l-.64-1.25a5.21,5.21,0,0,1,2.88-.75c1.87,0,3.15.91,3.15,2.82v5.76Zm0-3.59a4.16,4.16,0,0,0-1.92-.37c-1.06,0-1.73.48-1.73,1.25s.53,1.39,1.62,1.39a2.64,2.64,0,0,0,2-1.07Z"/><path class="cls-2" d="M103.29,55.86a2.46,2.46,0,0,0-1.26-.3c-1,0-1.65.74-1.65,2.16v4.8H98.73v-8.4h1.65v.8a2.33,2.33,0,0,1,1.92-1,2.42,2.42,0,0,1,1.42.35Z"/><path class="cls-2" d="M110,62.52V57.77c0-1.7-.64-2.3-1.73-2.3s-1.73.78-1.73,2.14v4.91h-1.65v-8.4h1.65v.8a2.57,2.57,0,0,1,2.11-1c2,0,3,1.28,3,3.76v4.82Z"/><path class="cls-2" d="M127.18,62.52V57.77c0-1.7-.53-2.3-1.62-2.3s-1.62.78-1.62,2.14v4.91H122.3V57.77c0-1.7-.53-2.3-1.62-2.3s-1.62.78-1.62,2.14v4.91h-1.65v-8.4h1.65v.8a2.36,2.36,0,0,1,2-1,2.39,2.39,0,0,1,2.3,1.23,2.94,2.94,0,0,1,2.58-1.23c2,0,2.88,1.28,2.88,3.76v4.82Z"/><path class="cls-2" d="M134,62.7c-2.11,0-3.7-1.74-3.7-4.37s1.63-4.39,3.75-4.39,3.75,1.71,3.75,4.34C137.81,61.06,136.18,62.7,134,62.7Zm0-7.19c-1.25,0-2,1.1-2,2.77,0,1.84.85,2.85,2.1,2.85s2.06-1.26,2.06-2.8C136.14,56.61,135.33,55.51,134,55.51Z"/><path class="cls-2" d="M143.92,55.86a2.46,2.46,0,0,0-1.26-.3c-1,0-1.65.74-1.65,2.16v4.8h-1.65v-8.4H141v.8a2.33,2.33,0,0,1,1.92-1,2.42,2.42,0,0,1,1.42.35Z"/><path class="cls-2" d="M152.34,58.9h-5.55c.18,1.62,1.09,2.3,2.11,2.3a3,3,0,0,0,1.82-.67l1,1.06a3.9,3.9,0,0,1-2.9,1.1c-2,0-3.63-1.58-3.63-4.37s1.5-4.39,3.68-4.39c2.38,0,3.54,1.94,3.54,4.21C152.39,58.46,152.35,58.73,152.34,58.9Zm-3.6-3.47c-1.1,0-1.78.77-1.92,2.11h3.91C150.64,56.39,150.1,55.43,148.74,55.43Z"/><path class="cls-2" d="M154.77,62.7a1.28,1.28,0,0,1-1.26-1.26,1.26,1.26,0,1,1,2.53,0A1.28,1.28,0,0,1,154.77,62.7Z"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="260.59" height="74.1" viewBox="0 0 260.59 74.1"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#ffd400;}.cls-3{fill:#414042;}</style></defs><title>app2-cta</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><rect class="cls-1" width="223.9" height="74.1"/><rect class="cls-2" x="186.48" width="74.1" height="74.1"/><polygon class="cls-3" points="228.55 37.3 211.06 58.19 224.44 58.19 241.93 37.3 224.44 16.42 211.06 16.42 228.55 37.3"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="270" height="220" viewBox="0 0 270 220"><defs><style>.cls-1{fill:#ffd400;}.cls-2{fill:#fff;}.cls-3{fill:#ffd42a;}.cls-4{fill:none;}</style></defs><title>app2-img</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><polygon class="cls-1" points="257.08 149.69 209.36 167.1 257.08 158.67 257.08 149.69 257.08 149.69"/><path class="cls-2" d="M214.5,208.36a1.38,1.38,0,0,0-.87-1.31,1.33,1.33,0,0,0,.67-1.16c0-1-.67-1.53-1.82-1.53H210v5.88h2.48a1.81,1.81,0,0,0,2-1.88m-2,.88h-1.39v-1.67h1.39c.59,0,.89.28.89.83a.79.79,0,0,1-.89.84m0-2.63h-1.38v-1.25h1.33c.52,0,.77.21.77.63s-.12.62-.72.62m2.8,1.76v-2.43h1.06v2.36c0,.72.25,1,.79,1s.8-.35.8-1v-2.37H219v4.29h-1.06v-.34a1.32,1.32,0,0,1-1,.43c-1.41,0-1.62-1.23-1.62-2m16.18,1.87h-1.06v-4.29h1.06v.36a1.4,1.4,0,0,1,1.07-.46c1,0,1.57.68,1.57,2v2.43H233v-2.37c0-.72-.25-1-.77-1s-.81.36-.81,1ZM221,208.1v2.15h-1.06v-4.29H221Zm.94-3.4,1.06-.53v6.08h-1.06Zm4.43,1.56a1.29,1.29,0,0,0-1-.39c-1,0-1.68.84-1.68,2.19s.62,2.28,1.66,2.28a1.34,1.34,0,0,0,1-.42v.33h1.06v-6.08l-1.06.53Zm-.75,3.1c-.37,0-.81-.23-.81-1.33s.43-1.2.79-1.2a.9.9,0,0,1,.76.42v1.69a.88.88,0,0,1-.75.42m23.87-3.5a1.44,1.44,0,0,0-1,.4v-2l-1.06.53v5.44h1.06v-.32a1.32,1.32,0,0,0,1,.41c1.06,0,1.66-.83,1.66-2.28s-.64-2.19-1.68-2.19m-.2,1c.39,0,.8.32.8,1.2s-.25,1.33-.78,1.33a1,1,0,0,1-.78-.4v-1.69a.89.89,0,0,1,.75-.44m-11.86-.58a1.34,1.34,0,0,0-1-.39c-1,0-1.68.84-1.68,2.19s.62,2.28,1.66,2.28a1.33,1.33,0,0,0,1-.41v.1c0,.47,0,1.11-1.37,1.14h0l.38.83h0a1.88,1.88,0,0,0,2.08-2.15v-3.89h-1.06Zm0,1v1.69a.89.89,0,0,1-.75.42c-.37,0-.8-.23-.8-1.33s.43-1.2.79-1.2a.9.9,0,0,1,.76.42m4.35-.24a2.07,2.07,0,0,1,1.1-.3c.5,0,.77.21.77.62v.29a2.16,2.16,0,0,0-.91-.2c-.79,0-1.71.37-1.71,1.41a1.46,1.46,0,0,0,1.59,1.52,1.43,1.43,0,0,0,1-.44v.35h1.06v-2.89c0-.93-.65-1.49-1.73-1.49a3.14,3.14,0,0,0-1.6.41Zm.3,1.81c0-.38.27-.61.73-.61a1.54,1.54,0,0,1,.83.21V209a1,1,0,0,1-.83.45c-.45,0-.73-.25-.73-.64m12.49.18a1.22,1.22,0,0,1-.85.36.91.91,0,0,1-1-.93h2.63c0-.09,0-.21,0-.32,0-1.36-.71-2.24-1.8-2.24a2,2,0,0,0-1.92,2.24,2,2,0,0,0,3.55,1.56Zm-1.78-1.35a.84.84,0,0,1,.8-.89.83.83,0,0,1,.81.89Zm12,1.35a1.22,1.22,0,0,1-.85.36.91.91,0,0,1-1-.93h2.63c0-.09,0-.21,0-.32,0-1.36-.71-2.24-1.8-2.24a2,2,0,0,0-1.92,2.24,2,2,0,0,0,3.55,1.56ZM263,207.64a.84.84,0,0,1,.8-.89.83.83,0,0,1,.81.89Zm-2.56,1.11c0,.38.14.58.46.58a1.4,1.4,0,0,0,.64-.19l-.12,1a1.94,1.94,0,0,1-.89.2,1.17,1.17,0,0,1-1.14-1.32v-2.07h-.66v-1h.66v-1.1l1.06-.53v1.63h1v1h-1Zm-2.06,1.38a1.94,1.94,0,0,1-.89.2,1.17,1.17,0,0,1-1.14-1.32v-2.07h-.66v-1h.66v-1.1l1.06-.53v1.63h.9v1h-.9v1.81c0,.38.14.58.46.58a1.4,1.4,0,0,0,.64-.19Zm10.45-3a1.24,1.24,0,0,0-.7-.23c-.52,0-.77.32-.77,1v2.33h-1.06v-4.29h1.06v.37a1.15,1.15,0,0,1,.95-.46,1.37,1.37,0,0,1,.8.26ZM221,204.93v.41h-1.06v-1.06H221Zm7.38,1h1.06v4.29h-1.06Zm1.06-1.14v.53h-1.06v-1.06h1.06Zm29.12,8.94a1.29,1.29,0,0,0-1-.39c-1,0-1.68.84-1.68,2.19s.62,2.28,1.66,2.28a1.34,1.34,0,0,0,1-.42v.33h1.06v-6.08l-1.06.53Zm-.75,3.11c-.37,0-.81-.23-.81-1.33s.43-1.2.79-1.2a.9.9,0,0,1,.76.42v1.69a.88.88,0,0,1-.75.42m-35.27-2.21a1.25,1.25,0,0,0-.7-.23c-.52,0-.77.32-.77,1v2.33H220v-4.29H221v.37a1.15,1.15,0,0,1,.95-.46,1.37,1.37,0,0,1,.8.26Zm-8.34-1.2h1L214,217.74h-.91l-.48-1.78c-.08-.31-.18-.69-.23-.93,0,.17-.16.7-.24,1l-.47,1.75h-.92v0l-1.21-4.27h1.09L211,215c.06.25.16.73.22,1.05.06-.32.18-.78.25-1.07l.45-1.58h.9l.45,1.58c.08.28.19.75.25,1.08,0-.28.14-.68.23-1.08Zm3.21-.1a2.26,2.26,0,1,0,2,2.24,2,2,0,0,0-2-2.24m0,3.48c-.53,0-.87-.49-.87-1.24s.34-1.24.87-1.24.87.49.87,1.24-.34,1.24-.87,1.24m35.93-2.19a1.25,1.25,0,0,0-.7-.23c-.52,0-.76.32-.76,1v2.33h-1.06v-4.29h1.06v.37a1.14,1.14,0,0,1,.95-.46,1.38,1.38,0,0,1,.8.26Zm-8.34-1.2h1l-1.21,4.29h-.91l-.48-1.78c-.08-.31-.18-.69-.23-.93,0,.17-.16.7-.24,1l-.47,1.75h-.92v0l-1.21-4.27h1.09l.39,1.6c.06.25.16.73.22,1.05.06-.32.18-.78.25-1.07l.45-1.58h.9l.45,1.58c.08.28.19.75.26,1.08,0-.28.14-.68.23-1.08Zm3.2-.09a2.26,2.26,0,1,0,2,2.24,2,2,0,0,0-2-2.24m0,3.48c-.53,0-.87-.49-.87-1.24s.34-1.24.87-1.24.87.49.87,1.24-.34,1.24-.87,1.24m-22.5-2,1.31,2.88h-1.17l-.9-2-.56.71v1.29h-1.06V212.2l1.06-.53v3.42c.13-.19.29-.39.4-.54l.85-1.1h1.23Zm5,2.88h-1.06v-4.29h1.06v.36a1.4,1.4,0,0,1,1.08-.45c1,0,1.57.68,1.57,2v2.43h-1.06v-2.37c0-.72-.25-1-.77-1s-.81.36-.81,1Zm6-4a1.34,1.34,0,0,0-1-.39c-1,0-1.68.84-1.68,2.19s.62,2.28,1.66,2.28a1.33,1.33,0,0,0,1-.41v.1c0,.47,0,1.11-1.37,1.14h0l.37.83h0a1.88,1.88,0,0,0,2.08-2.15v-3.89H236.7Zm0,1v1.69a.89.89,0,0,1-.75.42c-.37,0-.8-.23-.8-1.33s.43-1.2.79-1.2a.9.9,0,0,1,.76.42m-9.07-1.3h1.06v4.29h-1.06Zm1.06-1.14v.53h-1.06v-1.06h1.06Zm25.4-.11,1.06-.53v6.07h-1.06Zm-36.88-23.25h8.73v-5.07h-8.73v-4h9.66l-3.2-5.55H210v24.14h19.31v-5.55H217.21Zm24.93-14.61-4.1,7.88-4.09-7.88h-8l8.43,14.61v9.54h7.22v-9.54L250,174.34Z" transform="translate(-0.19)"/><rect class="cls-3" x="0.36" y="170.7" width="5.92" height="5.92"/><rect class="cls-3" x="11.02" y="170.7" width="5.92" height="5.92"/><rect class="cls-3" x="21.68" y="170.7" width="5.92" height="5.92"/><path class="cls-2" d="M3.88,185.62v6.5H2.73v-6.5H.51V184.5H6.1v1.12Z" transform="translate(-0.19)"/><path class="cls-2" d="M10.59,192.13v-3.24c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H7.12v-7.35l1.12-.59V187a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M17.61,189.66H13.83c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C17.64,189.36,17.62,189.54,17.61,189.66Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C16.45,188,16.08,187.3,15.16,187.3Z" transform="translate(-0.19)"/><path class="cls-2" d="M23.88,192.25a2,2,0,0,1-1.44-.65v.53H21.33v-7.37l1.11-.58V187a2.18,2.18,0,0,1,1.49-.67c1.23,0,2.2.89,2.2,3.07C26.13,191.32,25.06,192.25,23.88,192.25Zm-.15-4.92a1.76,1.76,0,0,0-1.3.73v2.41a1.83,1.83,0,0,0,1.34.75c.81,0,1.24-.61,1.24-1.82C25,188,24.55,187.32,23.72,187.32Z" transform="translate(-0.19)"/><path class="cls-2" d="M31.82,189.66H28c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C31.85,189.36,31.83,189.54,31.82,189.66Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C30.67,188,30.29,187.3,29.37,187.3Z" transform="translate(-0.19)"/><path class="cls-2" d="M35.66,192a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1h.82v-1.63l1.1-.59v2.22h1.42v1H34.37v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M39.72,192a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1h.82v-1.63l1.1-.59v2.22h1.42v1H38.44v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M45.66,189.66H41.88c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C45.69,189.36,45.67,189.54,45.66,189.66Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C44.51,188,44.14,187.3,43.21,187.3Z" transform="translate(-0.19)"/><path class="cls-2" d="M49.87,187.59a1.67,1.67,0,0,0-.86-.21c-.71,0-1.12.5-1.12,1.47v3.27H46.76v-5.72h1.12V187a1.59,1.59,0,0,1,1.31-.67,1.65,1.65,0,0,1,1,.24Z" transform="translate(-0.19)"/><path class="cls-2" d="M56.34,192a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1H54v-1.63l1.1-.59v2.22h1.42v1H55.06v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M61.15,192.13v-3.24c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H57.67v-7.35l1.12-.59V187a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M68.17,189.66H64.38c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C68.2,189.36,68.18,189.54,68.17,189.66Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C67,188,66.64,187.3,65.71,187.3Z" transform="translate(-0.19)"/><path class="cls-2" d="M75.33,194.23v-2.65a2.18,2.18,0,0,1-1.49.67c-1.23,0-2.2-.89-2.2-3.07,0-2,1.07-2.89,2.26-2.89a2,2,0,0,1,1.44.65v-.53h1.11v7.25Zm0-6.16a1.83,1.83,0,0,0-1.34-.75c-.81,0-1.24.61-1.24,1.82,0,1.44.46,2.07,1.29,2.07a1.76,1.76,0,0,0,1.3-.73Z" transform="translate(-0.19)"/><path class="cls-2" d="M81.2,192.13v-.54a1.75,1.75,0,0,1-1.44.67c-1.33,0-2-.87-2-2.56v-3.28h1.12v3.24c0,1.16.44,1.57,1.18,1.57s1.18-.53,1.18-1.46v-3.34h1.12v5.72Z" transform="translate(-0.19)"/><path class="cls-2" d="M88.26,189.66H84.48c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C88.29,189.36,88.27,189.54,88.26,189.66Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C87.11,188,86.74,187.3,85.81,187.3Z" transform="translate(-0.19)"/><path class="cls-2" d="M91.21,192.25a3.9,3.9,0,0,1-2.19-.73l.51-.85a3,3,0,0,0,1.67.57c.71,0,1-.23,1-.63s-.5-.64-1.33-1c-1.23-.48-1.68-.89-1.68-1.8s.81-1.56,2-1.56a3.41,3.41,0,0,1,1.94.63l-.49.86a2.49,2.49,0,0,0-1.48-.49c-.54,0-.79.22-.79.52s.2.49,1.06.83c1.27.49,1.93.84,1.93,1.92C93.36,191.82,92.34,192.25,91.21,192.25Z" transform="translate(-0.19)"/><path class="cls-2" d="M97.21,192a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3H94v-1h.82v-1.63l1.1-.59v2.22h1.42v1H95.92v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M99.16,185.67a.72.72,0,1,1,.72-.72A.73.73,0,0,1,99.16,185.67Zm-.57,6.46v-5.72h1.12v5.72Z" transform="translate(-0.19)"/><path class="cls-2" d="M103.34,192.25c-1.44,0-2.52-1.19-2.52-3s1.11-3,2.55-3a2.65,2.65,0,0,1,2.55,3C105.93,191.13,104.82,192.25,103.34,192.25Zm0-4.89c-.85,0-1.37.75-1.37,1.88s.58,1.94,1.43,1.94,1.41-.86,1.41-1.91S104.24,187.35,103.33,187.35Z" transform="translate(-0.19)"/><path class="cls-2" d="M110.46,192.13v-3.24c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H107v-5.72h1.12V187a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M113.43,192.25a.87.87,0,0,1-.86-.86.86.86,0,1,1,1.72,0A.87.87,0,0,1,113.43,192.25Z" transform="translate(-0.19)"/><path class="cls-2" d="M3.88,198.7v6.5H2.73v-6.5H.51v-1.12H6.1v1.12Z" transform="translate(-0.19)"/><path class="cls-2" d="M10.59,205.2V202c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H7.12v-7.35l1.12-.59V200a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M17.61,202.74H13.83c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C17.64,202.44,17.62,202.62,17.61,202.74Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C16.45,201,16.08,200.38,15.16,200.38Z" transform="translate(-0.19)"/><path class="cls-2" d="M23.88,205.32a2,2,0,0,1-1.44-.65v.53H21.33v-7.37l1.11-.58V200a2.18,2.18,0,0,1,1.49-.67c1.23,0,2.2.89,2.2,3.07C26.13,204.4,25.06,205.32,23.88,205.32Zm-.15-4.92a1.76,1.76,0,0,0-1.3.73v2.41a1.83,1.83,0,0,0,1.34.75c.81,0,1.24-.61,1.24-1.82C25,201,24.55,200.4,23.72,200.4Z" transform="translate(-0.19)"/><path class="cls-2" d="M31.82,202.74H28c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C31.85,202.44,31.83,202.62,31.82,202.74Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C30.67,201,30.29,200.38,29.37,200.38Z" transform="translate(-0.19)"/><path class="cls-2" d="M35.66,205.06a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1h.82v-1.63l1.1-.59v2.22h1.42v1H34.37v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M39.72,205.06a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1h.82v-1.63l1.1-.59v2.22h1.42v1H38.44v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M45.66,202.74H41.88c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C45.69,202.44,45.67,202.62,45.66,202.74Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C44.51,201,44.14,200.38,43.21,200.38Z" transform="translate(-0.19)"/><path class="cls-2" d="M49.87,200.67a1.67,1.67,0,0,0-.86-.21c-.71,0-1.12.5-1.12,1.47v3.27H46.76v-5.72h1.12V200a1.59,1.59,0,0,1,1.31-.67,1.65,1.65,0,0,1,1,.24Z" transform="translate(-0.19)"/><path class="cls-2" d="M56.34,205.06a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1H54v-1.63l1.1-.59v2.22h1.42v1H55.06v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M61.15,205.2V202c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H57.67v-7.35l1.12-.59V200a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M68.17,202.74H64.38c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C68.2,202.44,68.18,202.62,68.17,202.74Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C67,201,66.64,200.38,65.71,200.38Z" transform="translate(-0.19)"/><path class="cls-2" d="M75.16,205.2v-.57a2.25,2.25,0,0,1-1.57.69,1.85,1.85,0,0,1-2-1.93c0-1.27,1-1.85,2.28-1.85a3.16,3.16,0,0,1,1.27.22v-.42c0-.62-.38-1-1.08-1a2.88,2.88,0,0,0-1.49.36l-.44-.85a3.54,3.54,0,0,1,2-.51c1.27,0,2.15.62,2.15,1.92v3.92Zm0-2.44a2.83,2.83,0,0,0-1.31-.25c-.72,0-1.18.33-1.18.85s.36.95,1.1.95a1.8,1.8,0,0,0,1.38-.73Z" transform="translate(-0.19)"/><path class="cls-2" d="M81,205.2V202c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H77.55v-5.72h1.12V200a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M85.29,205.32a3.9,3.9,0,0,1-2.19-.73l.51-.85a3,3,0,0,0,1.67.57c.71,0,1-.23,1-.63s-.5-.64-1.33-1c-1.23-.48-1.68-.89-1.68-1.8s.81-1.56,2-1.56a3.41,3.41,0,0,1,1.94.63l-.49.86a2.49,2.49,0,0,0-1.48-.49c-.54,0-.79.22-.79.52s.2.49,1.06.83c1.27.49,1.93.84,1.93,1.92C87.43,204.9,86.41,205.32,85.29,205.32Z" transform="translate(-0.19)"/><path class="cls-2" d="M93.76,205.2h-1L92,202.32c-.12-.44-.24-.95-.29-1.22-.05.27-.17.79-.29,1.23l-.76,2.88h-1l-1.57-5.72h1.11l.68,2.78c.11.44.23,1,.28,1.25.07-.28.2-.81.32-1.25l.76-2.78h.9l.77,2.79c.12.45.24,1,.31,1.24.07-.28.17-.82.28-1.25l.68-2.78h1.11Z" transform="translate(-0.19)"/><path class="cls-2" d="M100.9,202.74H97.12c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C100.93,202.44,100.91,202.62,100.9,202.74Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44H99.8C99.75,201,99.38,200.38,98.45,200.38Z" transform="translate(-0.19)"/><path class="cls-2" d="M105.11,200.67a1.67,1.67,0,0,0-.86-.21c-.71,0-1.12.5-1.12,1.47v3.27H102v-5.72h1.12V200a1.59,1.59,0,0,1,1.31-.67,1.65,1.65,0,0,1,1,.24Z" transform="translate(-0.19)"/><path class="cls-2" d="M106.79,205.32a.87.87,0,0,1-.86-.86.86.86,0,1,1,1.72,0A.87.87,0,0,1,106.79,205.32Z" transform="translate(-0.19)"/><path class="cls-2" d="M3.88,211.78v6.5H2.73v-6.5H.51v-1.12H6.1v1.12Z" transform="translate(-0.19)"/><path class="cls-2" d="M10.59,218.28V215c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H7.12v-7.35l1.12-.59v2.77a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M17.61,215.82H13.83c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C17.64,215.51,17.62,215.7,17.61,215.82Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C16.45,214.11,16.08,213.46,15.16,213.46Z" transform="translate(-0.19)"/><path class="cls-2" d="M23.88,218.4a2,2,0,0,1-1.44-.65v.53H21.33v-7.37l1.11-.58v2.77a2.18,2.18,0,0,1,1.49-.67c1.23,0,2.2.89,2.2,3.07C26.13,217.47,25.06,218.4,23.88,218.4Zm-.15-4.92a1.76,1.76,0,0,0-1.3.73v2.41a1.83,1.83,0,0,0,1.34.75c.81,0,1.24-.61,1.24-1.82C25,214.11,24.55,213.48,23.72,213.48Z" transform="translate(-0.19)"/><path class="cls-2" d="M31.82,215.82H28c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C31.85,215.51,31.83,215.7,31.82,215.82Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C30.67,214.11,30.29,213.46,29.37,213.46Z" transform="translate(-0.19)"/><path class="cls-2" d="M35.66,218.14a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1h.82v-1.63l1.1-.59v2.22h1.42v1H34.37v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M39.72,218.14a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1h.82v-1.63l1.1-.59v2.22h1.42v1H38.44v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M45.66,215.82H41.88c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C45.69,215.51,45.67,215.7,45.66,215.82Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C44.51,214.11,44.14,213.46,43.21,213.46Z" transform="translate(-0.19)"/><path class="cls-2" d="M49.87,213.75a1.67,1.67,0,0,0-.86-.21c-.71,0-1.12.5-1.12,1.47v3.27H46.76v-5.72h1.12v.54a1.59,1.59,0,0,1,1.31-.67,1.64,1.64,0,0,1,1,.24Z" transform="translate(-0.19)"/><path class="cls-2" d="M56.34,218.14a2.28,2.28,0,0,1-1.1.26c-.79,0-1.29-.49-1.29-1.51v-3.3h-.82v-1H54v-1.63l1.1-.59v2.22h1.42v1H55.06v3.1c0,.53.17.69.59.69a1.81,1.81,0,0,0,.83-.23Z" transform="translate(-0.19)"/><path class="cls-2" d="M61.15,218.28V215c0-1.16-.44-1.57-1.18-1.57s-1.18.53-1.18,1.46v3.34H57.67v-7.35l1.12-.59v2.77a1.75,1.75,0,0,1,1.44-.67c1.33,0,2,.87,2,2.56v3.28Z" transform="translate(-0.19)"/><path class="cls-2" d="M68.17,215.82H64.38c.12,1.1.74,1.57,1.44,1.57a2,2,0,0,0,1.24-.46l.67.72a2.66,2.66,0,0,1-2,.75c-1.34,0-2.47-1.08-2.47-3s1-3,2.51-3,2.41,1.32,2.41,2.87C68.2,215.51,68.18,215.7,68.17,215.82Zm-2.45-2.36c-.75,0-1.21.52-1.31,1.44h2.66C67,214.11,66.64,213.46,65.71,213.46Z" transform="translate(-0.19)"/><path class="cls-2" d="M77.1,218.28h-1l-.77-2.89c-.12-.44-.24-.95-.29-1.22-.05.27-.17.8-.29,1.23L74,218.28h-1l-1.57-5.72H72.6l.68,2.78c.11.44.23,1,.28,1.25.07-.28.2-.81.32-1.25l.76-2.78h.9l.77,2.79c.12.45.24,1,.31,1.24.07-.28.17-.82.28-1.25l.68-2.78h1.11Z" transform="translate(-0.19)"/><path class="cls-2" d="M81.88,218.4c-1.44,0-2.52-1.19-2.52-3s1.11-3,2.55-3a2.65,2.65,0,0,1,2.55,3C84.46,217.29,83.35,218.4,81.88,218.4Zm0-4.89c-.85,0-1.37.75-1.37,1.88s.58,1.94,1.43,1.94,1.41-.86,1.41-1.91S82.77,213.51,81.86,213.51Z" transform="translate(-0.19)"/><path class="cls-2" d="M88.62,213.75a1.67,1.67,0,0,0-.86-.21c-.71,0-1.12.5-1.12,1.47v3.27H85.52v-5.72h1.12v.54a1.59,1.59,0,0,1,1.31-.67,1.64,1.64,0,0,1,1,.24Z" transform="translate(-0.19)"/><path class="cls-2" d="M89.8,218.28v-7.35l1.12-.59v7.94Z" transform="translate(-0.19)"/><path class="cls-2" d="M95.75,218.28v-.54a2.18,2.18,0,0,1-1.49.67c-1.23,0-2.2-.89-2.2-3.07,0-2,1.07-2.89,2.26-2.89a2,2,0,0,1,1.44.65v-2.18l1.11-.58v7.94Zm0-4.05a1.83,1.83,0,0,0-1.34-.75c-.81,0-1.24.61-1.24,1.82,0,1.44.46,2.07,1.29,2.07a1.76,1.76,0,0,0,1.3-.73Z" transform="translate(-0.19)"/><path class="cls-2" d="M106,218.28h-1l-.77-2.89c-.12-.44-.24-.95-.29-1.22-.05.27-.17.8-.29,1.23l-.76,2.88h-1l-1.57-5.72h1.11l.68,2.78c.11.44.23,1,.28,1.25.07-.28.2-.81.32-1.25l.76-2.78h.9l.77,2.79c.12.45.24,1,.31,1.24.07-.28.17-.82.28-1.25l.68-2.78h1.11Z" transform="translate(-0.19)"/><path class="cls-2" d="M110.8,218.4c-1.44,0-2.52-1.19-2.52-3s1.11-3,2.55-3a2.65,2.65,0,0,1,2.55,3C113.38,217.29,112.27,218.4,110.8,218.4Zm0-4.89c-.85,0-1.37.75-1.37,1.88s.58,1.94,1.43,1.94,1.41-.86,1.41-1.91S111.69,213.51,110.79,213.51Z" transform="translate(-0.19)"/><path class="cls-2" d="M117.54,213.75a1.67,1.67,0,0,0-.86-.21c-.71,0-1.12.5-1.12,1.47v3.27h-1.12v-5.72h1.12v.54a1.59,1.59,0,0,1,1.31-.67,1.64,1.64,0,0,1,1,.24Z" transform="translate(-0.19)"/><path class="cls-2" d="M121.93,218.28l-1.26-2.84-.87,1.16v1.69h-1.12v-7.35l1.12-.59v3.61c0,.35,0,.94,0,1.22l.63-.94,1.19-1.67h1.27l-1.45,1.92,1.72,3.8Z" transform="translate(-0.19)"/><path class="cls-2" d="M126,218.4a3.9,3.9,0,0,1-2.19-.73l.51-.85a3,3,0,0,0,1.67.57c.71,0,1-.23,1-.63s-.5-.64-1.33-1c-1.23-.48-1.68-.89-1.68-1.8s.81-1.56,2-1.56a3.41,3.41,0,0,1,1.94.63l-.49.86a2.49,2.49,0,0,0-1.48-.49c-.54,0-.79.22-.79.52s.2.49,1.06.83c1.27.49,1.93.84,1.93,1.92C128.1,218,127.08,218.4,126,218.4Z" transform="translate(-0.19)"/><path class="cls-2" d="M129.77,218.4a.87.87,0,0,1-.86-.86.86.86,0,1,1,1.72,0A.87.87,0,0,1,129.77,218.4Z" transform="translate(-0.19)"/><rect class="cls-4" width="270" height="220"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><defs><style>.cls-1{fill:none;stroke:#ffd400;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>close-h</title><rect class="cls-1" x="0.75" y="0.75" width="15" height="15"/><line class="cls-1" x1="5" y1="11.5" x2="11.5" y2="5"/><line class="cls-1" x1="11.5" y1="11.5" x2="5" y2="5"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><defs><style>.cls-1{fill:none;stroke:#6d6e71;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>close</title><rect class="cls-1" x="0.75" y="0.75" width="15" height="15"/><line class="cls-1" x1="5" y1="11.5" x2="11.5" y2="5"/><line class="cls-1" x1="11.5" y1="11.5" x2="5" y2="5"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="83.83" height="40" viewBox="0 0 83.83 40"><defs><style>.cls-1{fill:#ffd400;}.cls-2{fill:#fff;}</style></defs><title>home-logo_ey</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><polygon class="cls-1" points="37.64 0 0 13.74 0 13.74 37.64 7.09 37.64 0"/><path class="cls-2" d="M36.77,30.42A1.19,1.19,0,0,0,36,29.29a1.14,1.14,0,0,0,.58-1C36.6,27.46,36,27,35,27H32.87V32H35a1.56,1.56,0,0,0,1.77-1.62M35,31.18h-1.2V29.74H35c.51,0,.77.24.77.72a.68.68,0,0,1-.77.72m0-2.26H33.81V27.83H35c.45,0,.67.18.67.54s-.11.54-.62.54m2.42,1.51V28.34h.91v2c0,.62.22.9.68.9s.69-.3.69-.9v-2h.91V32H39.7v-.3a1.14,1.14,0,0,1-.88.37c-1.21,0-1.4-1.06-1.4-1.69M51.35,32h-.91v-3.7h.91v.31a1.21,1.21,0,0,1,.93-.39c.89,0,1.35.58,1.35,1.69V32h-.91V30c0-.62-.21-.9-.67-.9s-.7.31-.7.9Zm-9-2.4V32h-.91v-3.7h.91Zm.81-2.38.91-.46V32h-.91ZM47,28.6a1.11,1.11,0,0,0-.82-.34c-.89,0-1.45.72-1.45,1.89s.53,2,1.43,2a1.15,1.15,0,0,0,.84-.36V32h.91V26.8l-.91.46Zm-.64,2.67c-.32,0-.7-.2-.7-1.15s.37-1,.68-1a.78.78,0,0,1,.65.36v1.45a.76.76,0,0,1-.64.36m20.56-3a1.24,1.24,0,0,0-.82.34V26.9l-.91.46V32h.91v-.28a1.14,1.14,0,0,0,.84.36c.91,0,1.43-.72,1.43-2s-.56-1.89-1.45-1.89m-.17.84c.33,0,.69.27.69,1s-.22,1.15-.67,1.15a.89.89,0,0,1-.67-.35V29.47a.77.77,0,0,1,.65-.38m-10.21-.5a1.15,1.15,0,0,0-.82-.34c-.89,0-1.45.72-1.45,1.89s.54,2,1.43,2a1.15,1.15,0,0,0,.84-.36v.09c0,.41,0,1-1.18,1h0l.32.72h0a1.62,1.62,0,0,0,1.79-1.85V28.34h-.91Zm0,.86v1.45a.77.77,0,0,1-.65.36c-.31,0-.69-.2-.69-1.14s.37-1,.68-1a.78.78,0,0,1,.65.36m3.75-.21a1.79,1.79,0,0,1,.95-.26c.43,0,.66.18.66.53v.25a1.85,1.85,0,0,0-.79-.17c-.68,0-1.47.32-1.47,1.21A1.26,1.26,0,0,0,61,32.12a1.23,1.23,0,0,0,.89-.38V32h.91V29.54c0-.8-.56-1.28-1.49-1.28a2.7,2.7,0,0,0-1.38.36Zm.26,1.56c0-.33.24-.53.63-.53a1.33,1.33,0,0,1,.72.18V31a.85.85,0,0,1-.72.39c-.39,0-.63-.21-.63-.55M71.28,31a1.05,1.05,0,0,1-.73.31.78.78,0,0,1-.82-.81H72c0-.08,0-.18,0-.28,0-1.17-.61-1.93-1.55-1.93a1.75,1.75,0,0,0-1.66,1.93,1.76,1.76,0,0,0,3.06,1.34ZM69.74,29.8a.72.72,0,0,1,.69-.76.71.71,0,0,1,.7.76ZM80.09,31a1.05,1.05,0,0,1-.73.31.78.78,0,0,1-.82-.81h2.27c0-.08,0-.18,0-.28,0-1.17-.61-1.93-1.55-1.93a1.75,1.75,0,0,0-1.66,1.93,1.76,1.76,0,0,0,3.06,1.34ZM78.55,29.8a.72.72,0,0,1,.69-.76.71.71,0,0,1,.7.76Zm-2.2,1c0,.33.12.5.39.5a1.21,1.21,0,0,0,.55-.17l-.11.86a1.67,1.67,0,0,1-.77.17,1,1,0,0,1-1-1.13V29.2h-.57v-.86h.57v-.95l.91-.46v1.4h.83v.86h-.83Zm-1.77,1.19a1.67,1.67,0,0,1-.77.17,1,1,0,0,1-1-1.13V29.2h-.57v-.86h.57v-.95l.91-.46v1.4h.78v.86h-.78v1.56c0,.33.12.5.39.5a1.21,1.21,0,0,0,.55-.17Zm9-2.57a1.08,1.08,0,0,0-.61-.2c-.45,0-.66.27-.66.86v2h-.91v-3.7h.91v.32a1,1,0,0,1,.82-.4,1.19,1.19,0,0,1,.69.22Zm-41.24-2v.46h-.91V26.9h.91Zm6.36,1h.91V32H48.7Zm.91-1v.46H48.7V26.9h.91Zm25.09,7.7a1.11,1.11,0,0,0-.82-.34c-.89,0-1.45.72-1.45,1.89s.53,2,1.43,2a1.15,1.15,0,0,0,.84-.36v.28h.91V33.26l-.91.46Zm-.64,2.67c-.32,0-.7-.2-.7-1.14s.37-1,.68-1a.78.78,0,0,1,.65.36v1.45a.76.76,0,0,1-.64.36m-30.38-1.9a1.08,1.08,0,0,0-.6-.2c-.45,0-.66.27-.66.86v2H41.5V34.8h.91v.32a1,1,0,0,1,.82-.4,1.18,1.18,0,0,1,.69.22Zm-7.19-1h.9l-1,3.7h-.78L35.15,37c-.07-.27-.15-.59-.2-.8,0,.15-.14.61-.21.83l-.41,1.5h-.79l-1-3.7h.94l.34,1.38c.05.22.14.63.19.91.05-.27.15-.67.22-.93l.39-1.36h.78l.39,1.36c.07.24.16.64.22.93,0-.24.12-.58.2-.93Zm2.76-.08a1.95,1.95,0,1,0,1.68,1.93,1.76,1.76,0,0,0-1.68-1.93m0,3c-.45,0-.75-.42-.75-1.07s.29-1.07.75-1.07S40,36,40,36.65s-.29,1.07-.75,1.07M70.2,35.83a1.08,1.08,0,0,0-.6-.2c-.45,0-.66.27-.66.86v2H68V34.8h.91v.32a1,1,0,0,1,.82-.4,1.18,1.18,0,0,1,.69.22ZM63,34.8h.9l-1,3.7h-.78L61.68,37c-.07-.27-.15-.59-.2-.8,0,.15-.14.61-.2.83l-.41,1.5h-.79v0L59,34.8H60l.34,1.38c.05.22.14.63.19.91.05-.27.15-.67.22-.93l.39-1.36h.78l.39,1.36c.07.24.17.64.22.93,0-.24.12-.58.2-.93Zm2.76-.08a1.95,1.95,0,1,0,1.68,1.93,1.76,1.76,0,0,0-1.68-1.93m0,3c-.46,0-.75-.42-.75-1.07s.29-1.07.75-1.07.75.42.75,1.07-.29,1.07-.75,1.07M46.4,36l1.13,2.48h-1l-.78-1.72-.48.61v1.11h-.91V33.72l.91-.46v2.94c.11-.16.25-.34.35-.46l.73-.95h1.06Zm4.34,2.48h-.91V34.8h.91v.31a1.2,1.2,0,0,1,.93-.39c.89,0,1.35.58,1.35,1.69V38.5H52.1v-2c0-.62-.21-.9-.67-.9s-.7.31-.7.9Zm5.16-3.44a1.15,1.15,0,0,0-.82-.34c-.89,0-1.45.72-1.45,1.89s.54,2,1.43,2a1.15,1.15,0,0,0,.84-.36v.09c0,.4,0,1-1.18,1h0L55,40h0a1.62,1.62,0,0,0,1.79-1.85V34.8H55.9Zm0,.86v1.45a.77.77,0,0,1-.65.36c-.32,0-.69-.2-.69-1.15s.37-1,.68-1a.78.78,0,0,1,.65.36M48.09,34.8H49v3.7h-.91Zm.91-1v.46h-.91v-.91H49Zm21.88-.09.91-.46v5.23h-.91ZM6,31h6.89V27H6V23.83h7.62l-2.53-4.38H.33v19H15.56V34.11H6ZM25.7,19.45l-3.23,6.21-3.23-6.21H12.92L19.57,31v7.52h5.69V31l6.66-11.52Z"/></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="83.27" height="83.27" viewBox="0 0 83.27 83.27"><defs><style>.cls-1{opacity:0.75;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:8.11px;}.cls-3{fill:#fff;}</style></defs><title>mute-un</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><circle class="cls-2" cx="41.64" cy="41.64" r="37.58"/><polygon class="cls-3" points="19.11 35.14 19.11 50.24 29.17 50.24 41.76 62.82 41.76 22.55 29.17 35.14 19.11 35.14"/><path class="cls-3" d="M46.79,59.71a18,18,0,0,0,0-34.24V20.22a23.11,23.11,0,0,1,0,44.86Z"/><path class="cls-3" d="M46.79,46.33a6.69,6.69,0,0,0,0-7.44V32.23a11.79,11.79,0,0,1,0,20.78Z"/></g></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="83.27" height="83.27" viewBox="0 0 83.27 83.27"><defs><style>.cls-1{opacity:0.75;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:8.11px;}.cls-3{fill:#fff;}</style></defs><title>mute</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><circle class="cls-2" cx="41.64" cy="41.64" r="37.58"/><g id="volume-off"><path class="cls-3" d="M53.08,42.69a10.93,10.93,0,0,0-6.29-10.07v5.54l6.29,6.29Zm6.29,0a18.9,18.9,0,0,1-1.26,6.54L61.89,53a21.18,21.18,0,0,0,2.52-10.57A22.69,22.69,0,0,0,46.79,20.29v5.28A18.14,18.14,0,0,1,59.37,42.69ZM22.38,20l-3.27,3.27L30.94,35.14H19.11v15.1H29.17L41.76,62.82V46L52.58,56.78a21,21,0,0,1-5.79,3v5.28a21.49,21.49,0,0,0,9.31-4.53l5,5,3.27-3.27L41.76,39.67Zm19.38,2.52-5.28,5.28,5.28,5.28Z"/></g></g></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="83.27" height="83.27" viewBox="0 0 83.27 83.27"><defs><style>.cls-1{opacity:0.75;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:8.11px;}.cls-3{fill:#fff;}</style></defs><title>pause</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><circle class="cls-2" cx="41.64" cy="41.64" r="37.58"/><rect class="cls-3" x="26.26" y="23.5" width="10.32" height="36.42"/><rect class="cls-3" x="46.9" y="23.5" width="10.32" height="36.42"/></g></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <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:#fff;}</style></defs><title>play-ey-hover</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><image class="cls-2" width="52" height="52" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsSAAALEgHS3X78AAAEbUlEQVRoQ+2aPWgUURSFn/8xGvEnKgQRgqiViBYSFSSdRQSDiq2djQRNZ6uNIBrS2FgGIqJVKrERgmnTBETBKkViCiEkRaL4E89nznMnw24ms9lVd1jh63bvOee9++6bzBqWlpZC0cj8QCOS+YEs9G9DPcjSrUmoMsIbU2yqEem6ucOuNUjS+GazxWytE7F+1EsGXjVgVqBkEAS2iRbRKnaYnSnaqiRdJ9ZvtSbaMWQMWDbYWgLFMK0W3y32inaxXxwQB2vMAddut9Zua+MhhqsYLCsQbbDdBfdYqEMcFp3iiDgqjpnj6yTWOerandbqsDYe8IInvJUNVilU3CG+vEvsc+FOi58Qp8UZ0SXOinPi/Do551pdrn3aWsetjQe84AlvcccyQ5GcvmWb21zkUFhevZMW7BYXxSXRK66Iq+LaOrnqWr2ufdFaaKKNB7zgCW94xOvGiqFCqfVYAfqX7e5wsVPigugR18UNcVPcEn3itrhj+nMSv3fbtW659g1r9VgbD3jBE97wiNcVLVip9eIu0cds+0kXvWwhhO+Ke+KBeCgeicdioEoeu8ZD17xnjT5roo0HvOAJb3G3VrRguVBsJyOUicOK0M9sf4+Ls7L3xaB4KobEM/FcvDAvcxK/99y1hlx70Fr91sYDXvCENzziFc+ZodhWRimTh4PaHZbboM8iT8SwGBGvxRsxKt6asZzE74261mvXHrbWfWvjoTsse8IbHvG6aqh4nrj0uCPYZiYQB5aVoh0GLfYqLBsaFxPinXgvPlTJe9eYcM0xawxbE2084AVPeMMjXn+fq7WEome5KxitTCIOLn1OW4xYFAMfxaSYEtPiU4KZDJKfnXaNSdecsMaINdHGA17whDc8Vg4VSpOPS43HFG51Jg09zIhlInGA6XfaY9ziGPksZsWcmc9J/N6sa0259ri1hqyNB7zgCW94xCue/0zA1ULxuMLtzmXI3UFPM5k4yPQ9KzlpExhbEIvii/m6RuLnF11j3jUnrfHGmmjjAS94whseM0PFR6NkKG55LkXuEEYuE4oDTf+zoqwuZjD4TXyvkm+useCaU9YYtSbaeMALntKh/oz1rFCMTh5fuO25HLlLGL1MKg4254C2YZUx9UP8rJIfrrHomtPWeGtNtPGAFzzhLVeotlA+1EAohWJifbIB2ofVjgaXchK/99215lz7QyiFQrtcKLxWHarfhbksx0Ip1HxYGSorwGrBYqj5UAo1Zk208fDXQnEWahXqa/jHoWZC/ULNhGaoZqhmqGaoFM1QoY6hCnlPNfwTRcM/+xXyKb1Qf08V8i/fYr2jcLBivU0qE6ow7/1oQd52FuoNbQzVEgr2Lp3RuC0U7FePeK6K8ftUYliwnXG3GvuXxFQLsgKF+c03tmB8ZGr8X+fLBGM12OZWF2TiMErbQ6P8P4oKwTaHRv8fL6lgMVwyYAwJW+tErB/1YpDfYUKFQJmhKgRMB00GrgXpuit0s3zmCpUjbE3I0q1rqP+RzA80Ir8AUq8xOmyLpR4AAAAASUVORK5CYII="/><rect class="cls-3" x="10.85" y="10.41" width="30.27" height="30.27"/><polygon class="cls-4" points="23.09 33.68 23.09 17.42 31.22 25.55 23.09 33.68"/></g></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <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-ey</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><g id="Layer_3" data-name="Layer 3"><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.67" y="10.41" width="30.27" height="30.27"/><polygon class="cls-4" points="22.91 33.68 22.91 17.42 31.04 25.55 22.91 33.68"/></g></g></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="83.28" height="83.28" viewBox="0 0 83.28 83.28"><defs><style>.cls-1{opacity:0.75;}.cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:8.11px;}.cls-3{fill:#fff;}</style></defs><title>play</title><g class="cls-1"><circle class="cls-2" cx="41.64" cy="41.64" r="37.58"/><polygon class="cls-3" points="33.38 60.14 33.38 23.68 62.26 41.91 33.38 60.14"/></g></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 width="25px" height="25px" viewBox="-369.4 170.6 25 25" style="enable-background:new -369.4 170.6 25 25;" xml:space="preserve"
6 >
7 <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
8 <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c067 79.157747, 2015/03/30-23:40:42 ">
9 <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
10 <rdf:Description rdf:about=""/>
11 </rdf:RDF>
12 </x:xmpmeta>
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34 <?xpacket end="w"?></metadata>
35 <style type="text/css">
36 .st0{fill:#FFFFFF;}
37 </style>
38 <g>
39 <path class="st0" d="M-347.8,177.2c-0.5-0.7-1.5-0.8-2.2-0.3c-0.7,0.5-0.8,1.5-0.3,2.2c1,1.4,1.6,3.1,1.6,4.8
40 c0,4.4-3.6,8.1-8.1,8.1c-4.4,0-8.1-3.6-8.1-8.1c0-4.3,3.3-7.8,7.6-8v1.8l4.4-3.3l-4.4-3.3v1.7c-5.9,0.3-10.7,5.2-10.7,11.2
41 c0,6.2,5,11.2,11.2,11.2c6.2,0,11.2-5,11.2-11.2C-345.6,181.5-346.4,179.2-347.8,177.2z"/>
42 <polygon class="st0" points="-359.3,179.8 -351.2,184.7 -359.3,189.5 "/>
43 </g>
44 </svg>
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script type="text/javascript">
10
11 /**
12 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
13 **/
14 window.onload = function() {
15 eyeBuild.initialize();
16 window.isVideoClick = false;
17
18 //var video = document.getElementsByTagName("video")[0];
19 var myVideoJsPlayer = videojs('video');
20 var video = document.querySelector("#video video");
21 var playButton = document.getElementById("play-pause");
22
23 videojs(video, {}, function(){
24
25 var videoPlays = 0;
26 var v0 = false;
27 var v25 = false;
28 var v50 = false;
29 var v75 = false;
30
31 video.addEventListener("play", function(e) {
32 eyeBuild.doIAT(0);
33 videoPlays++;
34 playButton.setAttribute("class", "play");
35 });
36 video.addEventListener("pause", function(e) {
37 eyeBuild.doIAT(1);
38 playButton.setAttribute("class", "pause");
39 });
40 video.addEventListener("ended", function(e) {
41 video.currentTime = 0;
42 playButton.setAttribute("class", "pause");
43 v0 = false;
44 v25 = false;
45 v50 = false;
46 v75 = false;
47 eyeBuild.doIAT(9);
48 });
49
50 // track video plays
51 video.addEventListener('timeupdate', function(e){
52 var pct = video.currentTime / video.duration *100;
53 if (pct > 75 && !v75){
54 v75 = true;
55 eyeBuild.doIAT(8);
56 }else if (pct > 50 && !v50){
57 v50 = true;
58 eyeBuild.doIAT(7);
59 }else if (pct > 25 && !v25){
60 v25 = true;
61 eyeBuild.doIAT(6);
62 }else if (pct > 0 && !v0){
63 v0 = true;
64 eyeBuild.doIAT(5);
65 if(videoPlays>1){
66 eyeBuild.doIAT(10);
67 }
68 }
69 }, false);
70
71 playButton.addEventListener('click', function(e){
72 myVideoJsPlayer.play();
73 }, false);
74
75 });
76
77
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 405px;
97 height: 303px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 405px;
121 height: 303px;
122 /* border: 1px solid #55565A; */
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 375px;
132 height: 211px;
133 left:15px;
134 top:45px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play-ey.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 </a>
203 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster.jpg" data-setup='{"example_option":true}'>
204 <source src="assets/vid.mp4" type="video/mp4" />
205 </video>
206 <button type="button" id="play-pause" class="pause"></button>
207 <button type="button" id="close" class="close"></button>
208 </div>
209
210
211 </body>
212
213 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
3 <head>
4 <title>EY 2015 PMM HTML5 Ads</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript" src="assets/TweenMax.min.js"></script>
8
9
10 <style type="text/css">
11 body {
12 margin: 0 auto;
13 padding: 2em 2em 4em;
14 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
15 font-size: 16px;
16 line-height: 1.5em;
17 color: #8e8e8e;
18 }
19
20
21 .ad300x1050{
22 width:300px;
23 height: 1050px;
24 padding-top: 1px;
25 background-color: black;
26 }
27 .ad270x40{
28 width:270px;
29 height: 40px;
30 margin: 14px 15px 0px 15px;
31 }
32 .ad270x40 a{
33 display: block;
34 width:270px;
35 height: 40px;
36 }
37 .ad270x460{
38 box-sizing: border-box;
39 width:270px;
40 height: 460px;
41 margin:15px;
42 padding: 13px;
43 background-image: url(assets/270x460.jpg);
44 }
45 .ad270x460 a{
46 display: block;
47 width:270px;
48 height: 460px;
49 }
50 .ad270x220{
51 width:270px;
52 height: 220px;
53 margin:15px;
54 }
55 .ad270x220 a{
56 display: block;
57 width:270px;
58 height: 220px;
59 }
60
61 #mask-1{
62 width:243px;
63 height: 164px;
64 overflow: hidden;
65 }
66 #app1 {
67 background-image: url(assets/app1-img.png);
68 }
69 #app1 a{
70 background-image: url(assets/play-ey.svg);
71 background-position: center center;
72 background-repeat: no-repeat;
73 }
74 #app1 a:hover{
75 /* background-image: url(assets/play-ey-hover.svg); */
76 background-size: 58px 58px;
77 }
78 #app2 {
79 background-image: url(assets/app2-img.svg);
80 }
81 #app2 a{
82 background-image: url(assets/app2-cta.svg);
83 background-position: left 45px;
84 background-repeat: no-repeat;
85 }
86 #app2 a:hover{
87 background-image: url(assets/app2-cta-hover.svg);
88 }
89 #app2 .txt{
90 margin-top: 45px;
91 }
92
93 </style>
94 </head>
95 <body>
96
97 <div class="ad300x1050">
98
99 <div id="logo" class="ad270x40">
100 <a class="click-tag" href="javascript:eyeBuild.doClick(0);">
101 <img src="assets/home-logo_ey.svg" alt="logo_ey" width="98" height="47" />
102 </a>
103 </div>
104 <div id="primary" class="ad270x460">
105 <a class="click-tag" href="javascript:eyeBuild.doClick(1);">
106 <div id="mask-1">
107 <img id="txt" src="assets/270x460_txt.svg" alt="Life, business, both? What kinds of questions trigger growth and opportunity for your private company? See the movie." width="243" height="164" />
108 </div>
109 </a>
110
111 </div>
112 <div id="app1" class="ad270x220">
113 <a class="click-tag" href="javascript:eyeBuild.doOpen();">
114 </a>
115 </div>
116 <div id="app2" class="ad270x220">
117 <a class="click-tag" href="javascript:eyeBuild.doClick(2);">
118 <img class="txt" src="assets/app2-cta-txt.svg" alt="EY works with private business owners across Canada. Learn more." width="186" />
119 </a>
120 </div>
121 </div>
122
123 <script>
124 eyeBuild.initialize();
125
126 function stage1(){
127 var tl = new TimelineMax({repeat:0, repeatDelay:2});
128
129 tl.fromTo("#txt", .3, {y:165, ease:Power1.easeIn, delay:.5 }, {y:0, ease:Power1.easeIn, delay:.5 });
130 console.log( "time: " + tl.totalDuration() );
131 }
132 stage1();
133
134 </script>
135
136
137 </body>
138 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3 <meta charset="utf-8">
4 <title>HTML5 Ad</title>
5 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
6 <link href="assets/video-js.min.css" rel="stylesheet">
7 <script src="assets/video.min.js"></script>
8 <script type="text/javascript">
9
10 /**
11 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
12 **/
13 window.onload = function() {
14 eyeBuild.initialize();
15 window.isVideoClick = false;
16
17 //var video = document.getElementsByTagName("video")[0];
18 var myVideoJsPlayer = videojs('video');
19 var video = document.querySelector("#video video");
20 var playButton = document.getElementById("play-pause");
21
22 videojs(video, {}, function(){
23
24 var videoPlays = 0;
25 var v0 = false;
26 var v25 = false;
27 var v50 = false;
28 var v75 = false;
29
30 video.addEventListener("play", function(e) {
31 eyeBuild.doIAT(0);
32 videoPlays++;
33 playButton.setAttribute("class", "play");
34 });
35 video.addEventListener("pause", function(e) {
36 eyeBuild.doIAT(1);
37 playButton.setAttribute("class", "pause");
38 });
39 video.addEventListener("ended", function(e) {
40 video.currentTime = 0;
41 playButton.setAttribute("class", "pause");
42 v0 = false;
43 v25 = false;
44 v50 = false;
45 v75 = false;
46 eyeBuild.doIAT(9);
47 });
48
49 // track video plays
50 video.addEventListener('timeupdate', function(e){
51 var pct = video.currentTime / video.duration *100;
52 if (pct > 75 && !v75){
53 v75 = true;
54 eyeBuild.doIAT(8);
55 }else if (pct > 50 && !v50){
56 v50 = true;
57 eyeBuild.doIAT(7);
58 }else if (pct > 25 && !v25){
59 v25 = true;
60 eyeBuild.doIAT(6);
61 }else if (pct > 0 && !v0){
62 v0 = true;
63 eyeBuild.doIAT(5);
64 if(videoPlays>1){
65 eyeBuild.doIAT(10);
66 }
67 }
68 }, false);
69
70 playButton.addEventListener('click', function(e){
71 myVideoJsPlayer.play();
72 }, false);
73
74 });
75
76
77 /*
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82 */
83
84
85 }
86 </script>
87
88 <style>
89
90 body{
91 margin: 0;
92 padding: 0;
93 width: 300px;
94 height: 450px;
95 line-height: 1.2;
96 font-size: 27px;
97 letter-spacing: .4;
98 color: #CD040B;
99 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
100 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
101 font-style: normal;
102 }
103
104 a{
105 text-decoration: none;
106 color: inherit;
107 }
108 #click-tag{
109 display: block;
110 position: absolute;
111 width: 100%;
112 height: 100%;
113 }
114
115 #border{
116 position: relative;
117 width: 300px;
118 height: 450px;
119 border: 1px solid #55565A;
120 background-color: #000;
121 overflow: hidden;
122 cursor: pointer;
123 box-sizing: border-box;
124 background: url(assets/back2.jpg) no-repeat;
125 background-size: 300px 450px;
126 }
127
128 #video, #play-pause{
129 position: absolute;
130 width: 271px;
131 height: 153px;
132 left:14px;
133 top:178px;
134 border:none;
135 }
136 #play-pause{
137 cursor: pointer;
138 background: url(assets/play.svg) no-repeat center center;
139 }
140 #play-pause.pause:hover{
141 background-size: 60px 60px;
142 }
143 #play-pause.pause:active{
144 background-size: 50px 50px;
145 }
146 #play-pause.pause{
147 background-size: 55px 55px;
148 display: block;
149 }
150 #play-pause.play{
151 display: none;
152 }
153 .vjs-big-play-button{
154 display: none !important;
155 }
156 </style>
157 </head>
158
159 <body>
160 <div id="border">
161 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
162 </a>
163 <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}'>
164 <source src="assets/vidB.mp4" type="video/mp4" />
165 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
166 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
167 </video>
168 <button id="play-pause" class="pause"></button>
169 </div>
170 </body>
171
172 </html>
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 0.0.10
3 * DATE: 2016-02-11
4 * UPDATES AND DOCS AT: http://greensock.com
5 *
6 * @license Copyright (c) 2008-2016, GreenSock. All rights reserved.
7 * DrawSVGPlugin is a Club GreenSock membership benefit; You must have a valid membership to use
8 * this code without violating the terms of use. Visit http://greensock.com/club/ to sign up or get more details.
9 * This work is subject to the software agreement that was issued with your membership.
10 *
11 * @author: Jack Doyle, jack@greensock.com
12 */
13 var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";function a(a,b,c,d){return c=parseFloat(c)-parseFloat(a),d=parseFloat(d)-parseFloat(b),Math.sqrt(c*c+d*d)}function b(a){return"string"!=typeof a&&a.nodeType||(a=_gsScope.TweenLite.selector(a),a.length&&(a=a[0])),a}function c(a,b,c){var d,e,f=a.indexOf(" ");return-1===f?(d=void 0!==c?c+"":a,e=a):(d=a.substr(0,f),e=a.substr(f+1)),d=-1!==d.indexOf("%")?parseFloat(d)/100*b:parseFloat(d),e=-1!==e.indexOf("%")?parseFloat(e)/100*b:parseFloat(e),d>e?[e,d]:[d,e]}function d(c){if(!c)return 0;c=b(c);var d,e,f,g,i,j,k,l=c.tagName.toLowerCase();if("path"===l){g=c.style.strokeDasharray,c.style.strokeDasharray="none",d=c.getTotalLength()||0;try{e=c.getBBox()}catch(m){}c.style.strokeDasharray=g}else if("rect"===l)d=2*c.getAttribute("width")+2*c.getAttribute("height");else if("circle"===l)d=2*Math.PI*parseFloat(c.getAttribute("r"));else if("line"===l)d=a(c.getAttribute("x1"),c.getAttribute("y1"),c.getAttribute("x2"),c.getAttribute("y2"));else if("polyline"===l||"polygon"===l)for(f=c.getAttribute("points").match(h)||[],"polygon"===l&&f.push(f[0],f[1]),d=0,i=2;i<f.length;i+=2)d+=a(f[i-2],f[i-1],f[i],f[i+1])||0;else"ellipse"===l&&(j=parseFloat(c.getAttribute("rx")),k=parseFloat(c.getAttribute("ry")),d=Math.PI*(3*(j+k)-Math.sqrt((3*j+k)*(j+3*k))));return d||0}function e(a,c){if(!a)return[0,0];a=b(a),c=c||d(a)+1;var e=g(a),f=e.strokeDasharray||"",h=parseFloat(e.strokeDashoffset),i=f.indexOf(",");return 0>i&&(i=f.indexOf(" ")),f=0>i?c:parseFloat(f.substr(0,i))||1e-5,f>c&&(f=c),[Math.max(0,-h),Math.max(0,f-h)]}var f,g=document.defaultView?document.defaultView.getComputedStyle:function(){},h=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi;f=_gsScope._gsDefine.plugin({propName:"drawSVG",API:2,version:"0.0.10",global:!0,overwriteProps:["drawSVG"],init:function(a,b,f){if(!a.getBBox)return!1;var g,h,i,j=d(a)+1;return this._style=a.style,b===!0||"true"===b?b="0 100%":b?-1===(b+"").indexOf(" ")&&(b="0 "+b):b="0 0",g=e(a,j),h=c(b,j,g[0]),this._length=j+10,0===g[0]&&0===h[0]?(i=Math.max(1e-5,h[1]-j),this._dash=j+i,this._offset=j-g[1]+i,this._addTween(this,"_offset",this._offset,j-h[1]+i,"drawSVG")):(this._dash=g[1]-g[0]||1e-6,this._offset=-g[0],this._addTween(this,"_dash",this._dash,h[1]-h[0]||1e-5,"drawSVG"),this._addTween(this,"_offset",this._offset,-h[0],"drawSVG")),!0},set:function(a){this._firstPT&&(this._super.setRatio.call(this,a),this._style.strokeDashoffset=this._offset,1===a||0===a?this._style.strokeDasharray=this._offset<.001&&this._length-this._dash<=10?"none":this._offset===this._dash?"0px, 999999px":this._dash+"px,"+this._length+"px":this._style.strokeDasharray=this._dash+"px,"+this._length+"px")}}),f.getLength=d,f.getPosition=e}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()();
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 1.0.3
3 * DATE: 2016-05-04
4 *
5 * Requires:
6 * GSAP TweenMax (import com.greensock.*;)
7 * GASP drawSVG Plugin ()
8 * This work is subject to the terms at http://greensock.com/standard-license or for
9 * Club GreenSock members, the software agreement that was issued with your membership.
10 *
11 * @license Copyright (c) 2016, Tenzing Communications Inc. All rights reserved.
12 *
13 * @author: Dan Rempel, dan@gotenzing.com
14
15 * Usage Example:
16 * var myEySvg = initEySvgFrame(10, 196, 193); // frame line weight, width, height
17 * document.getElementById("body").appendChild(myEySvg);
18 * animateEyFrame(2); // delay in seconds
19 * animateGradient(2); // delay in seconds
20 * animateFill(2); // delay in seconds
21 *
22 **/
23
24 var eySvg;var eyStroke;var eyDot1;var eyDot2;var eyDot3;var eyGradient;var eyFill;var tl;var eyStrokeWeight;var eySvgHeight;var eySvgWidth;var eyAngleHeight;var eyDotSpacing;var eyDotDuration=0.2;var eyFrameDuration=1;var eyGradientDuration=1;var eyFillDuration=1;var eyColor='#FFD400';var svgNS='http://www.w3.org/2000/svg';var isForward=!0;var initEySvgFrame=function(b,d,f){tl=new TimelineMax({onStart:tlStart,onUpdate:tlUpdate,onComplete:tlComplete,onReverseComplete:tlReverseComplete}),eyDotSpacing=Math.floor(b*8.5/10),eyStrokeWeight=b,eySvgWidth=d,eySvgHeight=f;var h=10*Math.PI/180;eyAngleHeight=Math.tan(h)*(d-b);var a=document.createElementNS(svgNS,'svg');a.setAttribute('id','ey-frame'),a.setAttribute('width',d+'px'),a.setAttribute('height',f+'px'),a.setAttribute('viewBox','0 0 '+eySvgWidth+' '+eySvgHeight);var g=document.createElementNS(svgNS,'defs');a.appendChild(g);var c=document.createElementNS(svgNS,'linearGradient');c.setAttribute('id','linear-gradient'),c.setAttribute('x1','0%'),c.setAttribute('x2','0%'),c.setAttribute('y1','0%'),c.setAttribute('y2','100%'),g.appendChild(c);var e;return e=createStop({id:'stop-1',offset:'0%',color:'Black',opacity:'.7'}),c.appendChild(e),e=createStop({id:'stop-2',offset:'100%',color:'Black',opacity:'0'}),c.appendChild(e),eyGradient=createShape('ey-gradient','url(#linear-gradient)'),a.appendChild(eyGradient),eyDot1=createDot(1),a.appendChild(eyDot1),eyDot2=createDot(2),a.appendChild(eyDot2),eyDot3=createDot(3),a.appendChild(eyDot3),eyStroke=createPath('ey-stroke'),eyStroke.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*3+' '+(eySvgHeight-b/2)+' H '+(d-b/2)+' V '+b/1.5+' L '+b/2+' '+(eyAngleHeight+b/2)+' V '+(f-b-eyDotSpacing)),a.appendChild(eyStroke),a;};var animateEyFrame=function(b){isForward=!0,tl.timeScale(1);var a=0;tl.fromTo(eyDot1,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut,delay:b}),tl.fromTo(eyDot2,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.fromTo(eyDot3,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.call(tlDotToLine,[]),tl.fromTo(eyStroke,eyFrameDuration,{drawSVG:'0'},{drawSVG:'0 100%',ease:Power1.easeIn});};var animateEyReverse=function(a){TweenMax.delayedCall(a,intAnimateEyReverse,[0]);};var animateGradient=function(a){tl.fromTo(eyGradient,0.5,{opacity:0},{opacity:1,delay:a});};var animateFill=function(a){(typeof eyFill==='undefined'||variable===null)&&(eyFill=createShape('ey-gradient',eyColor),eySvg.appendChild(eyFill)),tl.fromTo(eyFill,0.5,{y:eySvgHeight},{y:0,ease:Power2.easeIn,delay:a});};var createPath=function(b){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill','none'),a.setAttribute('stroke',eyColor),a.setAttribute('stroke-width',eyStrokeWeight),a.setAttribute('stroke-miterlimit','10'),a;};var createDot=function(b){var a=createPath('ey-dot'+b);return a.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*(b-1)+' '+(eySvgHeight-eyStrokeWeight/2)+' h '+eyStrokeWeight),a;};var createShape=function(b,c){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill',c),a.setAttribute('d',' M 0 '+eySvgHeight+' H '+eySvgWidth+' V 2 '+' L 0 '+(eyAngleHeight+2)+' Z '),a;};var createStop=function(b){var a=document.createElementNS(svgNS,'stop');return a.setAttribute('id',b.id),a.setAttribute('offset',b.offset),a.setAttribute('stop-color',b.color),a.setAttribute('stop-opacity',b.opacity),a;};var intAnimateEyReverse=function(a){isForward=!1,tl.reverse(a),tl.timeScale;};var tlStart=function(){};var tlDotToLine=function(){isForward||tl.timeScale(4);};var tlUpdate=function(){};var tlComplete=function(){};var tlReverseComplete=function(){};
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="348.92" viewBox="0 0 300 348.92"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="150" y1="348.92" x2="150" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#231f20" stop-opacity="0"/><stop offset="1"/></linearGradient></defs><title>gradient</title><rect class="cls-1" width="300" height="348.92"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 </script>
5 <meta charset="utf-8">
6 <title>HTML5 GSAP Ad</title>
7 <meta name="ad.size" content="width=300,height=600">
8 <!--
9 <script type="text/javascript">
10
11 // IAB source: modified to allow link testing
12 var clickTag = "http://thecommonwell.ca/wave";
13 function getParameterByName(name)
14 {
15 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
16 if (match == null || match == ""){
17 return clickTag;
18 } else{
19 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
20 }
21 }
22 clickTag = getParameterByName('clickTag');
23
24 </script>
25 -->
26 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
27 <script type="text/javascript">
28 window.onload = function() {
29 eyeBuild.initialize();
30 }
31 </script>
32
33
34 <style>
35
36 body{
37 margin: 0;
38 padding: 0;
39 width: 300px;
40 height: 600px;
41 line-height: 1.2;
42 font-size: 27px;
43 letter-spacing: .4;
44 color: #CD040B;
45 font-family: "Neue Haas Grotesk", Arial, sans-serif;
46 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
47 font-style: normal;
48 }
49
50 a{
51 text-decoration: none;
52 color: inherit;
53 }
54 #border{
55 position: relative;
56 width: 300px;
57 height: 600px;
58 border: 1px solid #55565A;
59 background-color: #282828;
60 overflow: hidden;
61 cursor: pointer;
62 box-sizing: border-box;
63 background: url(assets/background.jpg);
64 /* background: url(guide1.png); */
65 }
66
67 #logo{
68 position: absolute;
69 width: 69px;
70 height: auto;
71 right: 21px;
72 bottom:28px;
73 opacity: 0;
74 }
75 #legal{
76 position: absolute;
77 width: 180px;
78 height: auto;
79 left: 9px;
80 bottom:6px;
81 }
82 #ey-frame{
83 position: absolute;
84 left: 21px;
85 top:23px;
86 z-index: 9;
87 }
88 #txt1a, #txt1b, #txt2 {
89 position: absolute;
90 width: 138px;
91 height: auto;
92 left: 51px;
93 top:94px;
94 z-index: 10;
95 opacity: 0;
96 }
97 #txt1b{
98 top:161px;
99 width: 113px;
100 }
101 #txt2{
102 left: 45px;
103 width: 214px;
104 }
105 #cannon{
106 position: absolute;
107 left: 150px;
108 top:270px;
109 }
110 #boy{
111 position: absolute;
112 left: 175px;
113 top:310px;
114 }
115 #box-1, #box-2{
116 position: absolute;
117 left: 209px;
118 top: 97px;
119 width:33px;
120 height: 33px;
121 border: white 4px solid;
122 opacity: 0;
123 z-index: 10;
124 }
125 #box-2{
126 top: 163px;
127 }
128 #gradient{
129 position: absolute;
130 opacity: .15;
131 }
132 #dot-1, #dot-2, #dot-3, #dot-txt{
133 position: absolute;
134 left: -12px;
135 top: 104px;
136 width:12px;
137 height: 12px;
138 background-color: #FFD400;
139 }
140 #dot-txt{
141 left:-12px;
142 top:131px;
143 opacity: 1;
144 }
145 #cta{
146 position: absolute;
147 left: 26px;
148 top:175px;
149 width:207px;
150 height: auto;
151 opacity: 0;
152 }
153 #tag1, #tag2, #tag3{
154 position: absolute;
155 left: 25px;
156 top:129px;
157 width:212px;
158 height: auto;
159 opacity: 0;
160 }
161 #tag2{
162 width:198px;
163 }
164 #tag3{
165 width:242px;
166 }
167 #tag-mask{
168 position: absolute;
169 width:0;
170 height:100%;
171 overflow: hidden;
172 }
173 #hash{
174 position: absolute;
175 left: 26px;
176 top:223px;
177 width:157px;
178 height: auto;
179 opacity: 0;
180 }
181
182
183
184 </style>
185 </head>
186
187 <body>
188 <a href="javascript:eyeBuild.doClick(0)" class="cta">
189 <div id="border">
190 <img id="boy" src="assets/boy.png" alt="boy">
191 <img id="cannon" src="assets/cannon.png" alt="cannon">
192 <img id="logo" src="assets/logo.png" alt="logo">
193 <img id="legal" src="assets/legal.png" alt="legal">
194 <img id="txt1a" src="assets/txt1a.png" alt="txt1">
195 <img id="txt1b" src="assets/txt1b.png" alt="txt1">
196 <div id="box-1"></div>
197 <div id="box-2"></div>
198 <img id="txt2" src="assets/txt2.png" alt="txt2">
199
200 <img id="gradient" src="assets/gradient.svg" alt="cta">
201 <div id="dot-1"></div>
202 <div id="dot-2"></div>
203 <div id="dot-3"></div>
204
205 <img id="cta" src="assets/cta.png" alt="cta">
206 <div id="tag-mask">
207 <img id="tag1" src="assets/tag1.png" alt="tag1">
208 <img id="tag2" src="assets/tag2.png" alt="tag2">
209 <img id="tag3" src="assets/tag3.png" alt="tag3">
210 </div>
211 <div id="dot-txt"></div>
212 <img id="hash" src="assets/hash.png" alt="hash">
213
214 <!--
215
216 -->
217
218 </div>
219 </a>
220
221 <!-- GREENSOCK-->
222 <script src="assets/TweenMax.min.js"></script>
223 <script src="assets/DrawSVGPlugin.min.js"></script>
224 <script src="assets/ey-frame-svg-1.0.3.min.js"></script>
225
226 <script>
227
228 function stage1(){
229 var tl = new TimelineMax(); /* {repeat:2, repeatDelay:2} */
230
231 var d=.4;
232
233
234 tl.to("#boy", .8, {left:150, top:270, ease:Power1.easeOut, delay:0 });
235 tl.to("#logo", .7, {opacity:1, ease:Power1.easeInOut, delay:-.5 });
236
237 var myeySvg = initEySvgFrame(12, 259, 218);
238 document.getElementById("border").appendChild(myeySvg);
239 animateEyFrame(1);
240 animateGradient(.2);
241
242 tl.to("#txt1a", d, {opacity:1, ease:Power1.easeInOut, delay:1.8 });
243 tl.to("#box-1", d, {opacity:1, ease:Power1.easeInOut, delay:-.2 });
244 tl.to("#txt1b", d, {opacity:1, ease:Power1.easeInOut, delay:.1 });
245 tl.to("#box-2", d, {opacity:1, ease:Power1.easeInOut, delay:-.2 });
246
247 tl.to("#txt1a", d, {opacity:0, ease:Power1.easeInOut, delay:1.5 });
248 tl.to("#box-1", d, {opacity:0, ease:Power1.easeInOut, delay:-d });
249 tl.to("#txt1b", d, {opacity:0, ease:Power1.easeInOut, delay:-d });
250 tl.to("#box-2", d, {opacity:0, ease:Power1.easeInOut, delay:-d });
251
252 //animateFill(3.3);
253 tl.to("#txt2", d, {opacity:1, ease:Power1.easeInOut, delay:0 });
254 tl.to("#txt2", d, {opacity:0, ease:Power1.easeInOut, delay:4 });
255
256 animateEyReverse(10);
257
258 // phase 2
259
260 tl.to("#gradient", d, {opacity:1, ease:Power1.easeInOut, delay:1 });
261
262 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:-.2 });
263 tl.fromTo("#dot-txt", d, {left:-12}, {left:312, ease:Linear.easeNone, delay:-d});
264 tl.to("#tag1", d, {opacity:1, ease:Linear.easeNone, delay:-d });
265 tl.fromTo("#dot-1", d, {left:-12, opacity:1}, {left:66, opacity:1, ease:Power3.easeOut, delay:0});
266 tl.to("#tag1", d, {opacity:0, ease:Linear.easeNone, delay:2 });
267
268 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
269 tl.fromTo("#dot-txt", d, {left:-12}, {left:312, ease:Linear.easeNone, delay:-d});
270 tl.to("#tag2", d, {opacity:1, ease:Linear.easeNone, delay:-d });
271 tl.fromTo("#dot-2", d, {left:-12}, {left:46, ease:Power3.easeOut, delay:0});
272 tl.to("#tag2", d, {opacity:0, ease:Linear.easeNone, delay:2 });
273
274 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
275 tl.fromTo("#dot-txt", d, {left:-12}, {left:312, ease:Linear.easeNone, delay:-d});
276 tl.to("#tag3", d, {opacity:1, ease:Linear.easeNone, delay:-d });
277 tl.fromTo("#dot-3", d, {left:-12}, {left:26, ease:Power3.easeOut, delay:0});
278
279 tl.to("#cta", d, {opacity:1, ease:Linear.easeNone, delay:0 });
280 tl.to("#hash", d, {opacity:1, ease:Linear.easeNone, delay:0 });
281
282
283
284 console.log( "time: " + tl.totalDuration() );
285 }
286
287 //---------------------
288 stage1();
289
290
291
292 </script>
293
294 </body>
295
296 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><defs><style>.cls-1{fill:none;stroke:#ffd400;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>close-h</title><rect class="cls-1" x="0.75" y="0.75" width="15" height="15"/><line class="cls-1" x1="5" y1="11.5" x2="11.5" y2="5"/><line class="cls-1" x1="11.5" y1="11.5" x2="5" y2="5"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="16.5" height="16.5" viewBox="0 0 16.5 16.5"><defs><style>.cls-1{fill:none;stroke:#6d6e71;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>close</title><rect class="cls-1" x="0.75" y="0.75" width="15" height="15"/><line class="cls-1" x1="5" y1="11.5" x2="11.5" y2="5"/><line class="cls-1" x1="11.5" y1="11.5" x2="5" y2="5"/></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZArGdn0AAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAEXIS2l8PPPUACwcAAAAAANJUFcAAAAAA0lQVwAAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 var closeButton = document.getElementById("close");
80 closeButton.addEventListener("click", function(e) {
81 eyeBuild.doClose();
82 });
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 600px;
97 height: 600px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 600px;
121 height: 600px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 570px;
132 height: 320px;
133 left:15px;
134 top:110px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 <img id="overlay" src="assets/overlay.png">
203 <img id="logo" src="assets/logo.png">
204 </a>
205 <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}'>
206 <source src="assets/vidA.mp4" type="video/mp4" />
207 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
208 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
209 </video>
210 <button type="button" id="play-pause" class="pause"></button>
211 <button type="button" id="close" class="close"></button>
212 </div>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script type="text/javascript">
10
11 /**
12 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
13 **/
14 window.onload = function() {
15 eyeBuild.initialize();
16 window.isVideoClick = false;
17
18 //var video = document.getElementsByTagName("video")[0];
19 var myVideoJsPlayer = videojs('video');
20 var video = document.querySelector("#video video");
21 var playButton = document.getElementById("play-pause");
22
23 videojs(video, {}, function(){
24
25 var videoPlays = 0;
26 var v0 = false;
27 var v25 = false;
28 var v50 = false;
29 var v75 = false;
30
31 video.addEventListener("play", function(e) {
32 eyeBuild.doIAT(0);
33 videoPlays++;
34 playButton.setAttribute("class", "play");
35 });
36 video.addEventListener("pause", function(e) {
37 eyeBuild.doIAT(1);
38 playButton.setAttribute("class", "pause");
39 });
40 video.addEventListener("ended", function(e) {
41 video.currentTime = 0;
42 playButton.setAttribute("class", "pause");
43 v0 = false;
44 v25 = false;
45 v50 = false;
46 v75 = false;
47 eyeBuild.doIAT(9);
48 });
49
50 // track video plays
51 video.addEventListener('timeupdate', function(e){
52 var pct = video.currentTime / video.duration *100;
53 if (pct > 75 && !v75){
54 v75 = true;
55 eyeBuild.doIAT(8);
56 }else if (pct > 50 && !v50){
57 v50 = true;
58 eyeBuild.doIAT(7);
59 }else if (pct > 25 && !v25){
60 v25 = true;
61 eyeBuild.doIAT(6);
62 }else if (pct > 0 && !v0){
63 v0 = true;
64 eyeBuild.doIAT(5);
65 if(videoPlays>1){
66 eyeBuild.doIAT(10);
67 }
68 }
69 }, false);
70
71 playButton.addEventListener('click', function(e){
72 myVideoJsPlayer.play();
73 }, false);
74
75 });
76
77
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 600px;
97 height: 600px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 600px;
121 height: 600px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 570px;
132 height: 320px;
133 left:15px;
134 top:110px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 <img id="overlay" src="assets/overlay.png">
203 <img id="logo" src="assets/logo.png">
204 </a>
205 <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}'>
206 <source src="assets/vidB.mp4" type="video/mp4" />
207 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
208 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
209 </video>
210 <button type="button" id="play-pause" class="pause"></button>
211 <button type="button" id="close" class="close"></button>
212 </div>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script type="text/javascript">
10
11 /**
12 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
13 **/
14 window.onload = function() {
15 eyeBuild.initialize();
16 window.isVideoClick = false;
17
18 //var video = document.getElementsByTagName("video")[0];
19 var myVideoJsPlayer = videojs('video');
20 var video = document.querySelector("#video video");
21 var playButton = document.getElementById("play-pause");
22
23 videojs(video, {}, function(){
24
25 var videoPlays = 0;
26 var v0 = false;
27 var v25 = false;
28 var v50 = false;
29 var v75 = false;
30
31 video.addEventListener("play", function(e) {
32 eyeBuild.doIAT(0);
33 videoPlays++;
34 playButton.setAttribute("class", "play");
35 });
36 video.addEventListener("pause", function(e) {
37 eyeBuild.doIAT(1);
38 playButton.setAttribute("class", "pause");
39 });
40 video.addEventListener("ended", function(e) {
41 video.currentTime = 0;
42 playButton.setAttribute("class", "pause");
43 v0 = false;
44 v25 = false;
45 v50 = false;
46 v75 = false;
47 eyeBuild.doIAT(9);
48 });
49
50 // track video plays
51 video.addEventListener('timeupdate', function(e){
52 var pct = video.currentTime / video.duration *100;
53 if (pct > 75 && !v75){
54 v75 = true;
55 eyeBuild.doIAT(8);
56 }else if (pct > 50 && !v50){
57 v50 = true;
58 eyeBuild.doIAT(7);
59 }else if (pct > 25 && !v25){
60 v25 = true;
61 eyeBuild.doIAT(6);
62 }else if (pct > 0 && !v0){
63 v0 = true;
64 eyeBuild.doIAT(5);
65 if(videoPlays>1){
66 eyeBuild.doIAT(10);
67 }
68 }
69 }, false);
70
71 playButton.addEventListener('click', function(e){
72 myVideoJsPlayer.play();
73 }, false);
74
75 });
76
77
78 var closeButton = document.getElementById("close");
79 closeButton.addEventListener("click", function(e) {
80 eyeBuild.doClose();
81 });
82
83
84 video.play();
85 playButton.setAttribute("class", "play");
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 600px;
97 height: 600px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 font-family: "Neue Haas Grotesk", Arial, sans-serif;
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 600px;
121 height: 600px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 }
128
129 #video, #play-pause{
130 position: absolute;
131 width: 570px;
132 height: 320px;
133 left:15px;
134 top:110px;
135 border:none;
136 }
137 #play-pause{
138 cursor: pointer;
139 background: url(assets/play.svg) no-repeat center center;
140 }
141 #play-pause.pause:hover{
142 background-size: 60px 60px;
143 }
144 #play-pause.pause:active{
145 background-size: 50px 50px;
146 }
147 #play-pause.pause{
148 background-size: 55px 55px;
149 display: block;
150 }
151 #play-pause.play{
152 display: none;
153 }
154 .vjs-big-play-button{
155 display: none !important;
156 }
157
158 #txt{
159 position: absolute;
160 left:19px;
161 bottom: 19px;
162 width:569px;
163 height:auto;
164 opacity: 1;
165 }
166 #overlay{
167 position: absolute;
168 width: 136px;
169 height: auto;
170 bottom: 16px;
171 left:15px;
172 }
173 #logo{
174 position: absolute;
175 width: 60px;
176 height: auto;
177 bottom: 16px;
178 right:15px;
179 }
180 #close{
181 position: absolute;
182 left:8px;
183 top: 6px;
184 width: 30px;
185 height: 30px;
186 background: url(assets/close.svg) no-repeat center center;
187 background-size: 15px 15px;
188 border: none;
189 cursor: pointer;
190
191 }
192 #close:hover{
193 background: url(assets/close-h.svg) no-repeat center center;
194 }
195
196 </style>
197 </head>
198
199 <body>
200 <div id="border">
201 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
202 <img id="overlay" src="assets/overlay.png">
203 <img id="logo" src="assets/logo.png">
204 </a>
205 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
206 <source src="assets/vidC.mp4" type="video/mp4" />
207 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
208 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
209 </video>
210 <button type="button" id="play-pause" class="pause"></button>
211 <button type="button" id="close" class="close"></button>
212 </div>
213
214
215 </body>
216
217 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript">
8 window.onload = function() {
9 eyeBuild.initialize();
10 var playButton = document.getElementById("play-pause");
11
12 playButton.addEventListener('click', function(e){
13 eyeBuild.doOpen();
14 }, false);
15 };
16 </script>
17
18 <style>
19
20 body{
21 margin: 0;
22 padding: 0;
23 width: 300px;
24 height: 600px;
25 line-height: 1.2;
26 font-size: 27px;
27 letter-spacing: .4;
28 color: #CD040B;
29 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
30 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
31 font-style: normal;
32 }
33
34 a{
35 text-decoration: none;
36 color: inherit;
37 }
38 #border{
39 position: relative;
40 width: 300px;
41 height: 600px;
42 border: 1px solid #55565A;
43 background-color: #282828;
44 overflow: hidden;
45 cursor: pointer;
46 box-sizing: border-box;
47 background: url(assets/back1.jpg);
48 background-size:300px 600px;
49 /* background: url(guide.png); */
50 }
51 #txt {
52 position: absolute;
53 width: 156px;
54 height: 131px;
55 left: 16px;
56 bottom:451px;
57 z-index: 10;
58 opacity: 0;
59 transform-origin: bottom;
60 }
61 #click-tag{
62 position: absolute;
63 width: 100%;
64 height: 100%;
65 display: block;
66 }
67 #play-pause {
68 position: absolute;
69 top: 320px;
70 left: 15px;
71 height: 153px;
72 width: 271px;
73 cursor: pointer;
74 border: none;
75 background: none;
76 }
77
78 </style>
79 </head>
80
81 <body>
82 <div id="border">
83 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
84 <img id="txt" src="assets/slice.png">
85
86 </a>
87 <button type="button" id="play-pause" class="pause"></button>
88 </div>
89
90 <!-- GREENSOCK-->
91 <script src="assets/TweenMax.min.js"></script>
92 <script>
93
94 function stage1(){
95 var tl = new TimelineMax({repeat:0, repeatDelay:2});
96
97 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
98 console.log( "time: " + tl.totalDuration() );
99 }
100
101 //---------------------
102 stage1();
103
104 </script>
105
106 </body>
107
108 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript">
8 window.onload = function() {
9 eyeBuild.initialize();
10 var playButton = document.getElementById("play-pause");
11
12 playButton.addEventListener('click', function(e){
13 eyeBuild.doOpen();
14 }, false);
15 };
16 </script>
17
18 <style>
19
20 body{
21 margin: 0;
22 padding: 0;
23 width: 300px;
24 height: 600px;
25 line-height: 1.2;
26 font-size: 27px;
27 letter-spacing: .4;
28 color: #CD040B;
29 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
30 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
31 font-style: normal;
32 }
33
34 a{
35 text-decoration: none;
36 color: inherit;
37 }
38 #border{
39 position: relative;
40 width: 300px;
41 height: 600px;
42 border: 1px solid #55565A;
43 background-color: #282828;
44 overflow: hidden;
45 cursor: pointer;
46 box-sizing: border-box;
47 background: url(assets/back2.jpg);
48 background-size:300px 600px;
49 /* background: url(guide.png); */
50 }
51 #txt {
52 position: absolute;
53 width: 156px;
54 height: 131px;
55 left: 16px;
56 bottom:451px;
57 z-index: 10;
58 opacity: 0;
59 transform-origin: bottom;
60 }
61 #click-tag{
62 position: absolute;
63 width: 100%;
64 height: 100%;
65 display: block;
66 }
67 #play-pause {
68 position: absolute;
69 top: 320px;
70 left: 15px;
71 height: 153px;
72 width: 271px;
73 cursor: pointer;
74 border: none;
75 background: none;
76 }
77
78 </style>
79 </head>
80
81 <body>
82 <div id="border">
83 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
84 <img id="txt" src="assets/slice.png">
85
86 </a>
87 <button type="button" id="play-pause" class="pause"></button>
88 </div>
89
90 <!-- GREENSOCK-->
91 <script src="assets/TweenMax.min.js"></script>
92 <script>
93
94 function stage1(){
95 var tl = new TimelineMax({repeat:0, repeatDelay:2});
96
97 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
98 console.log( "time: " + tl.totalDuration() );
99 }
100
101 //---------------------
102 stage1();
103
104 </script>
105
106 </body>
107
108 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <script type="text/javascript">
8 window.onload = function() {
9 eyeBuild.initialize();
10 var playButton = document.getElementById("play-pause");
11
12 playButton.addEventListener('click', function(e){
13 eyeBuild.doOpen();
14 }, false);
15 };
16 </script>
17
18 <style>
19
20 body{
21 margin: 0;
22 padding: 0;
23 width: 300px;
24 height: 600px;
25 line-height: 1.2;
26 font-size: 27px;
27 letter-spacing: .4;
28 color: #CD040B;
29 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
30 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
31 font-style: normal;
32 }
33
34 a{
35 text-decoration: none;
36 color: inherit;
37 }
38 #border{
39 position: relative;
40 width: 300px;
41 height: 600px;
42 border: 1px solid #55565A;
43 background-color: #282828;
44 overflow: hidden;
45 cursor: pointer;
46 box-sizing: border-box;
47 background: url(assets/back3.jpg);
48 background-size:300px 600px;
49 /* background: url(guide.png); */
50 }
51 #txt {
52 position: absolute;
53 width: 156px;
54 height: 131px;
55 left: 16px;
56 bottom:451px;
57 z-index: 10;
58 opacity: 0;
59 transform-origin: bottom;
60 }
61 #click-tag{
62 position: absolute;
63 width: 100%;
64 height: 100%;
65 display: block;
66 }
67 #play-pause {
68 position: absolute;
69 top: 320px;
70 left: 15px;
71 height: 153px;
72 width: 271px;
73 cursor: pointer;
74 border: none;
75 background: none;
76 }
77
78 </style>
79 </head>
80
81 <body>
82 <div id="border">
83 <a id="click-tag" href="javascript:eyeBuild.doClick(0)">
84 <img id="txt" src="assets/slice.png">
85
86 </a>
87 <button type="button" id="play-pause" class="pause"></button>
88 </div>
89
90 <!-- GREENSOCK-->
91 <script src="assets/TweenMax.min.js"></script>
92 <script>
93
94 function stage1(){
95 var tl = new TimelineMax({repeat:0, repeatDelay:2});
96
97 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
98 console.log( "time: " + tl.totalDuration() );
99 }
100
101 //---------------------
102 stage1();
103
104 </script>
105
106 </body>
107
108 </html>
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 0.0.10
3 * DATE: 2016-02-11
4 * UPDATES AND DOCS AT: http://greensock.com
5 *
6 * @license Copyright (c) 2008-2016, GreenSock. All rights reserved.
7 * DrawSVGPlugin is a Club GreenSock membership benefit; You must have a valid membership to use
8 * this code without violating the terms of use. Visit http://greensock.com/club/ to sign up or get more details.
9 * This work is subject to the software agreement that was issued with your membership.
10 *
11 * @author: Jack Doyle, jack@greensock.com
12 */
13 var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";function a(a,b,c,d){return c=parseFloat(c)-parseFloat(a),d=parseFloat(d)-parseFloat(b),Math.sqrt(c*c+d*d)}function b(a){return"string"!=typeof a&&a.nodeType||(a=_gsScope.TweenLite.selector(a),a.length&&(a=a[0])),a}function c(a,b,c){var d,e,f=a.indexOf(" ");return-1===f?(d=void 0!==c?c+"":a,e=a):(d=a.substr(0,f),e=a.substr(f+1)),d=-1!==d.indexOf("%")?parseFloat(d)/100*b:parseFloat(d),e=-1!==e.indexOf("%")?parseFloat(e)/100*b:parseFloat(e),d>e?[e,d]:[d,e]}function d(c){if(!c)return 0;c=b(c);var d,e,f,g,i,j,k,l=c.tagName.toLowerCase();if("path"===l){g=c.style.strokeDasharray,c.style.strokeDasharray="none",d=c.getTotalLength()||0;try{e=c.getBBox()}catch(m){}c.style.strokeDasharray=g}else if("rect"===l)d=2*c.getAttribute("width")+2*c.getAttribute("height");else if("circle"===l)d=2*Math.PI*parseFloat(c.getAttribute("r"));else if("line"===l)d=a(c.getAttribute("x1"),c.getAttribute("y1"),c.getAttribute("x2"),c.getAttribute("y2"));else if("polyline"===l||"polygon"===l)for(f=c.getAttribute("points").match(h)||[],"polygon"===l&&f.push(f[0],f[1]),d=0,i=2;i<f.length;i+=2)d+=a(f[i-2],f[i-1],f[i],f[i+1])||0;else"ellipse"===l&&(j=parseFloat(c.getAttribute("rx")),k=parseFloat(c.getAttribute("ry")),d=Math.PI*(3*(j+k)-Math.sqrt((3*j+k)*(j+3*k))));return d||0}function e(a,c){if(!a)return[0,0];a=b(a),c=c||d(a)+1;var e=g(a),f=e.strokeDasharray||"",h=parseFloat(e.strokeDashoffset),i=f.indexOf(",");return 0>i&&(i=f.indexOf(" ")),f=0>i?c:parseFloat(f.substr(0,i))||1e-5,f>c&&(f=c),[Math.max(0,-h),Math.max(0,f-h)]}var f,g=document.defaultView?document.defaultView.getComputedStyle:function(){},h=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi;f=_gsScope._gsDefine.plugin({propName:"drawSVG",API:2,version:"0.0.10",global:!0,overwriteProps:["drawSVG"],init:function(a,b,f){if(!a.getBBox)return!1;var g,h,i,j=d(a)+1;return this._style=a.style,b===!0||"true"===b?b="0 100%":b?-1===(b+"").indexOf(" ")&&(b="0 "+b):b="0 0",g=e(a,j),h=c(b,j,g[0]),this._length=j+10,0===g[0]&&0===h[0]?(i=Math.max(1e-5,h[1]-j),this._dash=j+i,this._offset=j-g[1]+i,this._addTween(this,"_offset",this._offset,j-h[1]+i,"drawSVG")):(this._dash=g[1]-g[0]||1e-6,this._offset=-g[0],this._addTween(this,"_dash",this._dash,h[1]-h[0]||1e-5,"drawSVG"),this._addTween(this,"_offset",this._offset,-h[0],"drawSVG")),!0},set:function(a){this._firstPT&&(this._super.setRatio.call(this,a),this._style.strokeDashoffset=this._offset,1===a||0===a?this._style.strokeDasharray=this._offset<.001&&this._length-this._dash<=10?"none":this._offset===this._dash?"0px, 999999px":this._dash+"px,"+this._length+"px":this._style.strokeDasharray=this._dash+"px,"+this._length+"px")}}),f.getLength=d,f.getPosition=e}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()();
...\ No newline at end of file ...\ No newline at end of file
1 /*!
2 * VERSION: 1.0.3
3 * DATE: 2016-05-04
4 *
5 * Requires:
6 * GSAP TweenMax (import com.greensock.*;)
7 * GASP drawSVG Plugin ()
8 * This work is subject to the terms at http://greensock.com/standard-license or for
9 * Club GreenSock members, the software agreement that was issued with your membership.
10 *
11 * @license Copyright (c) 2016, Tenzing Communications Inc. All rights reserved.
12 *
13 * @author: Dan Rempel, dan@gotenzing.com
14
15 * Usage Example:
16 * var myEySvg = initEySvgFrame(10, 196, 193); // frame line weight, width, height
17 * document.getElementById("body").appendChild(myEySvg);
18 * animateEyFrame(2); // delay in seconds
19 * animateGradient(2); // delay in seconds
20 * animateFill(2); // delay in seconds
21 *
22 **/
23
24 var eySvg;var eyStroke;var eyDot1;var eyDot2;var eyDot3;var eyGradient;var eyFill;var tl;var eyStrokeWeight;var eySvgHeight;var eySvgWidth;var eyAngleHeight;var eyDotSpacing;var eyDotDuration=0.2;var eyFrameDuration=1;var eyGradientDuration=1;var eyFillDuration=1;var eyColor='#FFD400';var svgNS='http://www.w3.org/2000/svg';var isForward=!0;var initEySvgFrame=function(b,d,f){tl=new TimelineMax({onStart:tlStart,onUpdate:tlUpdate,onComplete:tlComplete,onReverseComplete:tlReverseComplete}),eyDotSpacing=Math.floor(b*8.5/10),eyStrokeWeight=b,eySvgWidth=d,eySvgHeight=f;var h=10*Math.PI/180;eyAngleHeight=Math.tan(h)*(d-b);var a=document.createElementNS(svgNS,'svg');a.setAttribute('id','ey-frame'),a.setAttribute('width',d+'px'),a.setAttribute('height',f+'px'),a.setAttribute('viewBox','0 0 '+eySvgWidth+' '+eySvgHeight);var g=document.createElementNS(svgNS,'defs');a.appendChild(g);var c=document.createElementNS(svgNS,'linearGradient');c.setAttribute('id','linear-gradient'),c.setAttribute('x1','0%'),c.setAttribute('x2','0%'),c.setAttribute('y1','0%'),c.setAttribute('y2','100%'),g.appendChild(c);var e;return e=createStop({id:'stop-1',offset:'0%',color:'Black',opacity:'.7'}),c.appendChild(e),e=createStop({id:'stop-2',offset:'100%',color:'Black',opacity:'0'}),c.appendChild(e),eyGradient=createShape('ey-gradient','url(#linear-gradient)'),a.appendChild(eyGradient),eyDot1=createDot(1),a.appendChild(eyDot1),eyDot2=createDot(2),a.appendChild(eyDot2),eyDot3=createDot(3),a.appendChild(eyDot3),eyStroke=createPath('ey-stroke'),eyStroke.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*3+' '+(eySvgHeight-b/2)+' H '+(d-b/2)+' V '+b/1.5+' L '+b/2+' '+(eyAngleHeight+b/2)+' V '+(f-b-eyDotSpacing)),a.appendChild(eyStroke),a;};var animateEyFrame=function(b){isForward=!0,tl.timeScale(1);var a=0;tl.fromTo(eyDot1,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut,delay:b}),tl.fromTo(eyDot2,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.fromTo(eyDot3,eyDotDuration,{drawSVG:'0'},{drawSVG:'0 '+(a+=eyStrokeWeight+eyDotSpacing),ease:Power1.easeInOut}),tl.call(tlDotToLine,[]),tl.fromTo(eyStroke,eyFrameDuration,{drawSVG:'0'},{drawSVG:'0 100%',ease:Power1.easeIn});};var animateEyReverse=function(a){TweenMax.delayedCall(a,intAnimateEyReverse,[0]);};var animateGradient=function(a){tl.fromTo(eyGradient,0.5,{opacity:0},{opacity:1,delay:a});};var animateFill=function(a){(typeof eyFill==='undefined'||variable===null)&&(eyFill=createShape('ey-gradient',eyColor),eySvg.appendChild(eyFill)),tl.fromTo(eyFill,0.5,{y:eySvgHeight},{y:0,ease:Power2.easeIn,delay:a});};var createPath=function(b){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill','none'),a.setAttribute('stroke',eyColor),a.setAttribute('stroke-width',eyStrokeWeight),a.setAttribute('stroke-miterlimit','10'),a;};var createDot=function(b){var a=createPath('ey-dot'+b);return a.setAttribute('d',' M '+(eyStrokeWeight+eyDotSpacing)*(b-1)+' '+(eySvgHeight-eyStrokeWeight/2)+' h '+eyStrokeWeight),a;};var createShape=function(b,c){var a=document.createElementNS(svgNS,'path');return a.setAttribute('id',b),a.setAttribute('fill',c),a.setAttribute('d',' M 0 '+eySvgHeight+' H '+eySvgWidth+' V 2 '+' L 0 '+(eyAngleHeight+2)+' Z '),a;};var createStop=function(b){var a=document.createElementNS(svgNS,'stop');return a.setAttribute('id',b.id),a.setAttribute('offset',b.offset),a.setAttribute('stop-color',b.color),a.setAttribute('stop-opacity',b.opacity),a;};var intAnimateEyReverse=function(a){isForward=!1,tl.reverse(a),tl.timeScale;};var tlStart=function(){};var tlDotToLine=function(){isForward||tl.timeScale(4);};var tlUpdate=function(){};var tlComplete=function(){};var tlReverseComplete=function(){};
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 </script>
5 <meta charset="utf-8">
6 <title>HTML5 GSAP Ad</title>
7 <meta name="ad.size" content="width=320,height=480">
8 <!--
9 <script type="text/javascript">
10
11 // IAB source: modified to allow link testing
12 var clickTag = "http://thecommonwell.ca/wave";
13 function getParameterByName(name)
14 {
15 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
16 if (match == null || match == ""){
17 return clickTag;
18 } else{
19 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
20 }
21 }
22 clickTag = getParameterByName('clickTag');
23
24 </script>
25 -->
26 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
27 <script type="text/javascript">
28 window.onload = function() {
29 eyeBuild.initialize();
30 }
31 </script>
32
33
34 <style>
35
36 body{
37 margin: 0;
38 padding: 0;
39 width: 320px;
40 height: 480px;
41 line-height: 1.2;
42 font-size: 27px;
43 letter-spacing: .4;
44 color: #CD040B;
45 font-family: "Neue Haas Grotesk", Arial, sans-serif;
46 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
47 font-style: normal;
48 }
49
50 a{
51 text-decoration: none;
52 color: inherit;
53 }
54 #border{
55 position: relative;
56 width: 320px;
57 height: 480px;
58 border: 1px solid #55565A;
59 background-color: #282828;
60 overflow: hidden;
61 cursor: pointer;
62 box-sizing: border-box;
63 background: url(assets/background.jpg);
64 /* background: url(guide2.png); */
65 }
66 #logo{
67 position: absolute;
68 width: 69px;
69 height: auto;
70 right: 12px;
71 bottom:26px;
72 opacity: 0;
73 }
74 #legal{
75 position: absolute;
76 width: 180px;
77 height: auto;
78 left: 9px;
79 bottom:6px;
80 }
81 #ey-frame{
82 position: absolute;
83 left: 32px;
84 top:29px;
85 z-index: 9;
86 }
87 #txt1, #txt2 {
88 position: absolute;
89 width: 194px;
90 height: auto;
91 left: 63px;
92 top:110px;
93 z-index: 10;
94 opacity: 0;
95 }
96 #txt2{
97 left: 57px;
98 top:105px;
99 width: 211px;
100 }
101 #mask{
102 position: absolute;
103 left: 87px;
104 top:320px;
105 }
106 #arm{
107 position: absolute;
108 left: 0px;
109 top: 0px;
110 }
111 #dot-1, #dot-2, #dot-3, #dot-txt{
112 position: absolute;
113 left: -12px;
114 top: 81px; /* 104px */
115 width:12px;
116 height: 12px;
117 background-color: #FFD400;
118 }
119 #dot-txt{
120 left:-12px;
121 top:108px;
122 opacity: 1;
123 }
124 #cta{
125 position: absolute;
126 left: 38px;
127 top:153px;
128 width:207px;
129 height: auto;
130 opacity: 0;
131 }
132 #tag1, #tag2, #tag3{
133 position: absolute;
134 left: 38px;
135 top:106px;
136 width:212px;
137 height: auto;
138 opacity: 0;
139 }
140 #tag2{
141 width:198px;
142 }
143 #tag3{
144 width:242px;
145 }
146 #tag-mask{
147 position: absolute;
148 width:0;
149 height:100%;
150 overflow: hidden;
151 }
152 #hash{
153 position: absolute;
154 left: 36px;
155 top:201px;
156 width:167px;
157 height: auto;
158 opacity: 0;
159 }
160 </style>
161 </head>
162
163 <body>
164 <!-- <a id="click-tag" href="javascript:window.open(window.clickTag)"> -->
165 <a href="javascript:eyeBuild.doClick(0)" class="cta">
166 <div id="border">
167 <img id="arm" src="assets/arm.png" alt="arm">
168 <img id="mask" src="assets/mask.png" alt="mask">
169 <img id="logo" src="assets/logo.png" alt="logo">
170 <img id="legal" src="assets/legal.png" alt="legal">
171 <img id="txt1" src="assets/txt1.png" alt="txt1">
172 <img id="txt2" src="assets/txt2.png" alt="txt2">
173
174
175 <div id="dot-1"></div>
176 <div id="dot-2"></div>
177 <div id="dot-3"></div>
178
179 <img id="cta" src="assets/cta.png" alt="cta">
180 <div id="tag-mask">
181 <img id="tag1" src="assets/tag1.png" alt="tag1">
182 <img id="tag2" src="assets/tag2.png" alt="tag2">
183 <img id="tag3" src="assets/tag3.png" alt="tag3">
184 </div>
185 <div id="dot-txt"></div>
186 <img id="hash" src="assets/hash.png" alt="hash">
187
188 <!--
189
190 -->
191
192 </div>
193 </a>
194
195 <!-- GREENSOCK-->
196 <script src="assets/TweenMax.min.js"></script>
197 <script src="assets/DrawSVGPlugin.min.js"></script>
198 <script src="assets/ey-frame-svg-1.0.3.min.js"></script>
199
200 <script>
201
202 function stage1(){
203 var tl = new TimelineMax(); /* {repeat:2, repeatDelay:2} */
204
205 var d=.4;
206
207
208 tl.to("#logo", .7, {opacity:1, ease:Power1.easeInOut, delay:0 });
209 tl.to("#arm", .8, {left:-20, top:9, ease:Power1.easeInOut, delay:.2 });
210
211 var myeySvg = initEySvgFrame(12, 259, 218);
212 document.getElementById("border").appendChild(myeySvg);
213 animateEyFrame(1);
214 animateGradient(.2);
215
216 tl.to("#txt1", d, {opacity:1, ease:Power1.easeInOut, delay:1.8 });
217 tl.to("#txt1", d, {opacity:0, ease:Power1.easeInOut, delay:2.5 });
218
219 //animateFill(3.3);
220
221 tl.to("#txt2", d, {opacity:1, ease:Power1.easeInOut, delay:0 });
222 tl.to("#txt2", d, {opacity:0, ease:Power1.easeInOut, delay:3 });
223
224 animateEyReverse(10);
225
226
227 // phase 2
228
229 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:1.25 });
230 tl.fromTo("#dot-txt", d, {left:-12}, {left:321, ease:Linear.easeNone, delay:-d});
231 tl.to("#tag1", d, {opacity:1, ease:Linear.easeNone, delay:-d });
232 tl.fromTo("#dot-1", d, {left:-12, opacity:1}, {left:77, opacity:1, ease:Power3.easeOut, delay:0});
233 tl.to("#tag1", d, {opacity:0, ease:Linear.easeNone, delay:2 });
234
235 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
236 tl.fromTo("#dot-txt", d, {left:-12}, {left:321, ease:Linear.easeNone, delay:-d});
237 tl.to("#tag2", d, {opacity:1, ease:Linear.easeNone, delay:-d });
238 tl.fromTo("#dot-2", d, {left:-12}, {left:57, ease:Power3.easeOut, delay:0});
239 tl.to("#tag2", d, {opacity:0, ease:Linear.easeNone, delay:2 });
240
241 tl.fromTo("#tag-mask", d, {width:0}, {width:320, ease:Linear.easeNone, delay:0 });
242 tl.fromTo("#dot-txt", d, {left:-12}, {left:321, ease:Linear.easeNone, delay:-d});
243 tl.to("#tag3", d, {opacity:1, ease:Linear.easeNone, delay:-d });
244 tl.fromTo("#dot-3", d, {left:-12}, {left:37, ease:Power3.easeOut, delay:0});
245
246 tl.to("#cta", d, {opacity:1, ease:Linear.easeNone, delay:0 });
247 tl.to("#hash", d, {opacity:1, ease:Linear.easeNone, delay:0 });
248
249
250
251 console.log( "time: " + tl.totalDuration() );
252 }
253
254 //---------------------
255 stage1();
256
257
258
259 </script>
260
261 </body>
262
263 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <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 ...\ No newline at end of file
1 @charset "UTF-8";.video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/1.4.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:""}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:""}.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before{content:""}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.video-js button{background:0 0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.333333333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster{display:none}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 320px;
97 height: 480px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 320px;
121 height: 480px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 background: url(assets/back1.jpg) no-repeat;
128 background-size: 320px 480px;
129 }
130
131 #video, #play-pause{
132 position: absolute;
133 width: 290px;
134 height: 163px;
135 left:16px;
136 top:199px;
137 border:none;
138 }
139 #play-pause{
140 cursor: pointer;
141 background: url(assets/play.svg) no-repeat center center;
142 }
143 #play-pause.pause:hover{
144 background-size: 60px 60px;
145 }
146 #play-pause.pause:active{
147 background-size: 50px 50px;
148 }
149 #play-pause.pause{
150 background-size: 55px 55px;
151 display: block;
152 }
153 #play-pause.play{
154 display: none;
155 }
156 .vjs-big-play-button{
157 display: none !important;
158 }
159
160 #txt {
161 position: absolute;
162 width: 155px;
163 height: 131px;
164 left: 15px;
165 bottom:319px;
166 z-index: 10;
167 opacity: 0;
168 transform-origin: bottom;
169 }
170 </style>
171 </head>
172
173 <body>
174 <div id="border">
175 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
176 <img id="txt" src="assets/slice.png" alt="txt">
177 </a>
178 <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}'>
179 <source src="assets/vidA.mp4" type="video/mp4" />
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
181 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
182 </video>
183 <button id="play-pause" class="pause"></button>
184 </div>
185
186
187 <script>
188
189 function stage1(){
190 var tl = new TimelineMax({repeat:0, repeatDelay:2});
191
192 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
193
194 console.log( "time: " + tl.totalDuration() );
195 }
196
197 //---------------------
198 stage1();
199
200
201
202 </script>
203
204 </body>
205
206 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 320px;
97 height: 480px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 320px;
121 height: 480px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 background: url(assets/back2.jpg) no-repeat;
128 background-size: 320px 480px;
129 }
130
131 #video, #play-pause{
132 position: absolute;
133 width: 290px;
134 height: 163px;
135 left:16px;
136 top:199px;
137 border:none;
138 }
139 #play-pause{
140 cursor: pointer;
141 background: url(assets/play.svg) no-repeat center center;
142 }
143 #play-pause.pause:hover{
144 background-size: 60px 60px;
145 }
146 #play-pause.pause:active{
147 background-size: 50px 50px;
148 }
149 #play-pause.pause{
150 background-size: 55px 55px;
151 display: block;
152 }
153 #play-pause.play{
154 display: none;
155 }
156 .vjs-big-play-button{
157 display: none !important;
158 }
159
160 #txt {
161 position: absolute;
162 width: 155px;
163 height: 131px;
164 left: 15px;
165 bottom:319px;
166 z-index: 10;
167 opacity: 0;
168 transform-origin: bottom;
169 }
170 </style>
171 </head>
172
173 <body>
174 <div id="border">
175 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
176 <img id="txt" src="assets/slice.png" alt="txt">
177 </a>
178 <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}'>
179 <source src="assets/vidB.mp4" type="video/mp4" />
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
181 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
182 </video>
183 <button id="play-pause" class="pause"></button>
184 </div>
185
186
187 <script>
188
189 function stage1(){
190 var tl = new TimelineMax({repeat:0, repeatDelay:2});
191
192 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
193
194 console.log( "time: " + tl.totalDuration() );
195 }
196
197 //---------------------
198 stage1();
199
200
201
202 </script>
203
204 </body>
205
206 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <head>
3
4 <meta charset="utf-8">
5 <title>HTML5 Ad</title>
6 <script type="text/javascript" src="https://quickresource.eyereturn.com/eyebuild/eyebuild_1_19.js"></script>
7 <link href="assets/video-js.min.css" rel="stylesheet">
8 <script src="assets/video.min.js"></script>
9 <script src="assets/TweenMax.min.js"></script>
10 <script type="text/javascript">
11
12 /**
13 * This section uses videojs with eyeBuild, tracking plays, clicks, etc.
14 **/
15 window.onload = function() {
16 eyeBuild.initialize();
17 window.isVideoClick = false;
18
19 //var video = document.getElementsByTagName("video")[0];
20 var myVideoJsPlayer = videojs('video');
21 var video = document.querySelector("#video video");
22 var playButton = document.getElementById("play-pause");
23
24 videojs(video, {}, function(){
25
26 var videoPlays = 0;
27 var v0 = false;
28 var v25 = false;
29 var v50 = false;
30 var v75 = false;
31
32 video.addEventListener("play", function(e) {
33 eyeBuild.doIAT(0);
34 videoPlays++;
35 playButton.setAttribute("class", "play");
36 });
37 video.addEventListener("pause", function(e) {
38 eyeBuild.doIAT(1);
39 playButton.setAttribute("class", "pause");
40 });
41 video.addEventListener("ended", function(e) {
42 video.currentTime = 0;
43 playButton.setAttribute("class", "pause");
44 v0 = false;
45 v25 = false;
46 v50 = false;
47 v75 = false;
48 eyeBuild.doIAT(9);
49 });
50
51 // track video plays
52 video.addEventListener('timeupdate', function(e){
53 var pct = video.currentTime / video.duration *100;
54 if (pct > 75 && !v75){
55 v75 = true;
56 eyeBuild.doIAT(8);
57 }else if (pct > 50 && !v50){
58 v50 = true;
59 eyeBuild.doIAT(7);
60 }else if (pct > 25 && !v25){
61 v25 = true;
62 eyeBuild.doIAT(6);
63 }else if (pct > 0 && !v0){
64 v0 = true;
65 eyeBuild.doIAT(5);
66 if(videoPlays>1){
67 eyeBuild.doIAT(10);
68 }
69 }
70 }, false);
71
72 playButton.addEventListener('click', function(e){
73 myVideoJsPlayer.play();
74 }, false);
75
76 });
77
78
79 /*
80 var closeButton = document.getElementById("close");
81 closeButton.addEventListener("click", function(e) {
82 eyeBuild.doClose();
83 });
84 */
85
86
87 }
88 </script>
89
90
91 <style>
92
93 body{
94 margin: 0;
95 padding: 0;
96 width: 320px;
97 height: 480px;
98 line-height: 1.2;
99 font-size: 27px;
100 letter-spacing: .4;
101 color: #CD040B;
102 /* font-family: "Neue Haas Grotesk", Arial, sans-serif; */
103 /*font-weight: 800;*/ /*BOLD-800, MEDIUM-600, ROMAN - 400*/
104 font-style: normal;
105 }
106
107 a{
108 text-decoration: none;
109 color: inherit;
110 }
111 #click-tag{
112 display: block;
113 position: absolute;
114 width: 100%;
115 height: 100%;
116 }
117
118 #border{
119 position: relative;
120 width: 320px;
121 height: 480px;
122 border: 1px solid #55565A;
123 background-color: #000;
124 overflow: hidden;
125 cursor: pointer;
126 box-sizing: border-box;
127 background: url(assets/back3.jpg) no-repeat;
128 background-size: 320px 480px;
129 }
130
131 #video, #play-pause{
132 position: absolute;
133 width: 290px;
134 height: 163px;
135 left:16px;
136 top:199px;
137 border:none;
138 }
139 #play-pause{
140 cursor: pointer;
141 background: url(assets/play.svg) no-repeat center center;
142 }
143 #play-pause.pause:hover{
144 background-size: 60px 60px;
145 }
146 #play-pause.pause:active{
147 background-size: 50px 50px;
148 }
149 #play-pause.pause{
150 background-size: 55px 55px;
151 display: block;
152 }
153 #play-pause.play{
154 display: none;
155 }
156 .vjs-big-play-button{
157 display: none !important;
158 }
159
160 #txt {
161 position: absolute;
162 width: 155px;
163 height: 131px;
164 left: 15px;
165 bottom:319px;
166 z-index: 10;
167 opacity: 0;
168 transform-origin: bottom;
169 }
170 </style>
171 </head>
172
173 <body>
174 <div id="border">
175 <a id="click-tag" href="javascript:eyeBuild.doClick(0);">
176 <img id="txt" src="assets/slice.png" alt="txt">
177 </a>
178 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="assets/poster3.jpg" data-setup='{"example_option":true}'>
179 <source src="assets/vidC.mp4" type="video/mp4" />
180 <!-- <source src="http://video-js.zencoder.com/oceans-clip.webm" type="video/webm" /> -->
181 <!-- <source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" /> -->
182 </video>
183 <button id="play-pause" class="pause"></button>
184 </div>
185
186 <script>
187
188 function stage1(){
189 var tl = new TimelineMax({repeat:0, repeatDelay:2});
190
191 tl.fromTo("#txt", .3, {opacity:0, scaleY:.01, ease:Power1.easeIn, delay:.5 }, {opacity:1, scaleY:1, ease:Power1.easeIn, delay:.5 });
192
193 console.log( "time: " + tl.totalDuration() );
194 }
195
196 //---------------------
197 stage1();
198
199
200
201 </script>
202
203 </body>
204
205 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>HTML5 Online Ads</title>
8 <meta name="description" content="An interactive getting started guide for Brackets.">
9 <link rel="stylesheet" href="main.css">
10 <script src="main.js"></script>
11 </head>
12 <body>
13
14 <nav>
15 <a href="index.html">300x1050</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
16 <a href="300x600.html">300x600</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
17 <!--
18 <a href="960x90.html">960x90 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
19 <a href="1280x1000.html">1280x1000 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
20 <a href="300x250.html">300x250 Takeover</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
21 -->
22 <a href="300x450.html">300x450 Mobile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
23 <a href="1024x768.html">1024x768 iPad</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
24 <a href="320x480.html">320x480 iPhone app</a>
25 </nav>
26 <h1>300x1050</h1>
27
28 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
29 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
30
31 </body>
32 </html>
1 html {
2 background-color: #d4d4d4;
3 }
4
5 body {
6 margin: 0 auto;
7 padding: 2em 2em 4em;
8 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
9 font-size: 16px;
10 line-height: 1.5em;
11 color: #8e8e8e;
12 }
13
14 h1, h2, h3, h4, h5, h6 {
15 font-weight: 600;
16 line-height: 1.3em;
17 }
18 nav, nav a{
19 font-size: 12px;
20 line-height: 1.5em;
21 color: #8e8e8e;
22 }
23 nav a:hover{
24 color: #FFF;
25 }
26 nav a:active{
27 color: #000;
28 }
29
30 iframe {
31 margin: 20px;
32 border: 1px #d4d4d4 solid;
33 overflow: hidden;
34 iframe::-webkit-scrollbar {
35 display: none;
36 }
37 display:inline;
38 vertical-align:middle;
39 }
40
41 .b300x250 {
42 width: 300px;
43 height: 250px;
44 }
45 .b728x90 {
46 width: 728px;
47 height: 90px;
48 }
49 .b300x600 {
50 width: 300px;
51 height: 600px;
52 }.b600x600 {
53 width: 600px;
54 height: 600px;
55 }
56 .b300x450 {
57 width: 300px;
58 height: 450px;
59 }
60 .b320x480 {
61 width: 320px;
62 height: 480px;
63 }
64 .b768x1024 {
65 width: 768px;
66 height: 1024px;
67 }
68 .b970x250 {
69 width: 970px;
70 height: 250px;
71 }
72 .b1000x700 {
73 width: 1000px;
74 height: 700px;
75 }
76 .b1024x768 {
77 width: 1024px;
78 height: 768px;
79 }
80 .b300x1050 {
81 width: 350px;
82 height: 1050px;
83 }
84 .b300x1050exp {
85 width: 405px;
86 height: 303px;
87 }
1 // js file
...\ No newline at end of file ...\ No newline at end of file