API tools faq
paste
lemurtube

Untitled

lemurtube
Apr 12th, 2022
15
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.30 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:js='false' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.  
  5. <head>
  6. <meta charset='utf-8'/>
  7. <link href='//cdn.jsdelivr.net' rel='dns-prefetch'/>
  8. <link href='//tube2.live' rel='dns-prefetch'/>
  9. <link href='//static.addtoany.com' rel='dns-prefetch'/>
  10. <link href='//www.youtube-nocookie.com' rel='dns-prefetch'/>
  11. <link href='//s.ytimg.com' rel='dns-prefetch'/>
  12. <link href='//yt3.ggpht.com' rel='dns-prefetch'/>
  13. <link href='//fonts.gstatic.com' rel='dns-prefetch'/>
  14. <link href='//i.ytimg.com' rel='dns-prefetch'/>
  15. <meta content='index, follow' name='robots'/>
  16. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  17. <link expr:href='data:blog.url' rel='canonical'/>
  18. <b:if cond='data:blog.searchLabel'>
  19. <meta expr:content='&quot;https://i.ytimg.com/vi/&quot; + data:blog.searchLabel + &quot;/maxresdefault.jpg&quot;' property='og:image'/>
  20. <meta content='summary_large_image' name='twitter:card'/>
  21. <meta content='video' name='twitter:title'/>
  22. <meta expr:content='&quot;https://i.ytimg.com/vi/&quot; + data:blog.searchLabel + &quot;/maxresdefault.jpg&quot;' name='twitter:image:src'/>
  23. </b:if>
  24. <b:skin><![CDATA[
  25. /*! chota.css v0.7.2 | MIT License | github.com/jenil/chota */:root{--color-primary:#14854f;--color-lightGrey:#d2d6dd;--color-grey:#747681;--color-darkGrey:#3f4144;--color-error:#d43939;--color-success:#28bd14;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-family-sans:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:monaco,"Consolas","Lucida Console",monospace}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-size:var(--font-size);font-family:Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;margin:.35em 0 .7em}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.85em}a{color:var(--color-primary);text-decoration:none}a:hover:not(.button){opacity:.75}button{font-family:inherit}p{margin-top:0}blockquote{background-color:#f3f3f6;padding:1.5rem 2rem;border-left:3px solid var(--color-lightGrey)}dl dt{font-weight:700}hr{background-color:var(--color-lightGrey);height:1px;margin:1rem 0}hr,table{border:none}table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}table.striped tr:nth-of-type(2n){background-color:#f3f3f6}td,th{vertical-align:middle;padding:1.2rem .4rem}thead{border-bottom:2px solid var(--color-lightGrey)}tfoot{border-top:2px solid var(--color-lightGrey)}code,kbd,pre,samp,tt{font-family:var(--font-family-mono)}code,kbd{font-size:90%;white-space:pre-wrap;border-radius:4px;color:#d43939;padding:.2em .4em}code,kbd,pre{background-color:#f3f3f6}pre{font-size:1em;padding:1rem;overflow-x:auto}pre code{background:none;padding:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}img{max-width:100%}fieldset{border:1px solid var(--color-lightGrey)}iframe{border:0}.container{max-width:var(--grid-maxWidth);margin:0 auto;width:96%;padding:0 calc(var(--grid-gutter)/2)}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/-2);margin-right:calc(var(--grid-gutter)/-2)}.row,.row.reverse{-webkit-box-orient:horizontal}.row.reverse{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col{-webkit-box-flex:1;-ms-flex:1;flex:1}.col,[class*=" col-"],[class^=col-]{margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.col-1{-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-1,.col-2{-webkit-box-flex:0}.col-2{-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3{-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-3,.col-4{-webkit-box-flex:0}.col-4{-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5{-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-5,.col-6{-webkit-box-flex:0}.col-6{-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7{-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-7,.col-8{-webkit-box-flex:0}.col-8{-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9{-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-9,.col-10{-webkit-box-flex:0}.col-10{-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11{-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-11,.col-12{-webkit-box-flex:0}.col-12{-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}@media screen and (max-width:599px){.container{width:100%}.col,[class*=col-],[class^=col-]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}@media screen and (min-width:900px){.col-1-md{-webkit-box-flex:0;-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-md{-webkit-box-flex:0;-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-md{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-md{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-md{-webkit-box-flex:0;-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-md{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-md{-webkit-box-flex:0;-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-md{-webkit-box-flex:0;-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-md{-webkit-box-flex:0;-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-md{-webkit-box-flex:0;-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-md{-webkit-box-flex:0;-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-md{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}@media screen and (min-width:1200px){.col-1-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}fieldset{padding:.5rem 2rem}legend{text-transform:uppercase;font-size:.8em;letter-spacing:.1rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]),select,textarea,textarea[type=text]{font-family:inherit;padding:.8rem 1rem;border-radius:4px;border:1px solid var(--color-lightGrey);font-size:1em;-webkit-transition:all .2s ease;transition:all .2s ease;display:block;width:100%}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]):not(:disabled):hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:var(--color-grey)}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]):focus,select:focus,textarea:focus,textarea[type=text]:focus{outline:none;border-color:var(--color-primary);-webkit-box-shadow:0 0 1px var(--color-primary);box-shadow:0 0 1px var(--color-primary)}input.error:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]),textarea.error{border-color:var(--color-error)}input.success:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]),textarea.success{border-color:var(--color-success)}select{-webkit-appearance:none;background:#f3f3f6 no-repeat 100%;background-size:1ex;background-origin:content-box;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>")}[type=checkbox],[type=radio]{width:1.6rem;height:1.6rem}.button,[type=button],[type=reset],[type=submit],button{padding:1rem 2.5rem;color:var(--color-darkGrey);background:var(--color-lightGrey);border-radius:4px;border:1px solid transparent;font-size:var(--font-size);line-height:1;text-align:center;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);display:inline-block;cursor:pointer}.grouped{display:-webkit-box;display:-ms-flexbox;display:flex}.grouped>:not(:last-child){margin-right:16px}.grouped.gapless>*{margin:0 0 0 -1px!important;border-radius:0!important}.grouped.gapless>:first-child{margin:0!important;border-radius:4px 0 0 4px!important}.grouped.gapless>:last-child{border-radius:0 4px 4px 0!important}.button+.button{margin-left:1rem}.button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{opacity:.8}.button:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{-webkit-transform:scale(.98);transform:scale(.98)}button:disabled,button:disabled:hover,input:disabled,input:disabled:hover{opacity:.4;cursor:not-allowed}.button.dark,.button.error,.button.primary,.button.secondary,.button.success,[type=submit]{color:#fff;z-index:1;background-color:#000;background-color:var(--color-primary)}.button.secondary{background-color:var(--color-grey)}.button.dark{background-color:var(--color-darkGrey)}.button.error{background-color:var(--color-error)}.button.success{background-color:var(--color-success)}.button.outline{background-color:transparent;border-color:var(--color-lightGrey)}.button.outline.primary{border-color:var(--color-primary);color:var(--color-primary)}.button.outline.secondary{border-color:var(--color-grey);color:var(--color-grey)}.button.outline.dark{border-color:var(--color-darkGrey);color:var(--color-darkGrey)}.button.clear{background-color:transparent;border-color:transparent;color:var(--color-primary)}.button.icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.button.icon>img{margin-left:2px}.button.icon-only{padding:1rem}::-webkit-input-placeholder{color:#bdbfc4}::-moz-placeholder{color:#bdbfc4}:-ms-input-placeholder{color:#bdbfc4}::-ms-input-placeholder{color:#bdbfc4}::placeholder{color:#bdbfc4}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:5rem;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.nav img{max-height:3rem}.nav-center,.nav-left,.nav-right,.nav>.container{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-center,.nav-left,.nav-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.nav-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.nav-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:480px){.nav,.nav>.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-center,.nav-left,.nav-right{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.nav .brand,.nav a{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 2rem;color:var(--color-darkGrey)}.nav .active:not(.button){color:#000;color:var(--color-primary)}.nav .brand{font-size:1.75em;padding-top:0;padding-bottom:0}.nav .brand img{padding-right:1rem}.nav .button{margin:auto 1rem}.card{padding:1rem 2rem;border-radius:4px;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3)}.card p:last-child{margin:0}.card header>*{margin-top:0;margin-bottom:1rem}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.tabs a{text-decoration:none}.tabs>.dropdown>summary,.tabs>a{padding:1rem 2rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;color:var(--color-darkGrey);border-bottom:2px solid var(--color-lightGrey);text-align:center}.tabs>a.active,.tabs>a:hover{opacity:1;border-bottom:2px solid var(--color-darkGrey)}.tabs>a.active{border-color:var(--color-primary)}.tabs.is-full a{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tag{display:inline-block;border:1px solid var(--color-lightGrey);text-transform:uppercase;color:var(--color-grey);padding:.5rem;line-height:1;letter-spacing:.5px}.tag.is-small{padding:.4rem;font-size:.75em}.tag.is-large{padding:.7rem;font-size:1.125em}.tag+.tag{margin-left:1rem}details.dropdown{position:relative;display:inline-block}details.dropdown>:last-child{position:absolute;left:0;white-space:nowrap}.bg-primary{background-color:var(--color-primary)!important}.bg-light{background-color:var(--color-lightGrey)!important}.bg-dark{background-color:var(--color-darkGrey)!important}.bg-grey{background-color:var(--color-grey)!important}.bg-error{background-color:var(--color-error)!important}.bg-success{background-color:var(--color-success)!important}.bd-primary{border:1px solid var(--color-primary)!important}.bd-light{border:1px solid var(--color-lightGrey)!important}.bd-dark{border:1px solid var(--color-darkGrey)!important}.bd-grey{border:1px solid var(--color-grey)!important}.bd-error{border:1px solid var(--color-error)!important}.bd-success{border:1px solid var(--color-success)!important}.text-primary{color:var(--color-primary)!important}.text-light{color:var(--color-lightGrey)!important}.text-dark{color:var(--color-darkGrey)!important}.text-grey{color:var(--color-grey)!important}.text-error{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-white{color:#fff!important}.pull-right{float:right!important}.pull-left{float:left!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.is-full-screen{width:100%;min-height:100vh}.is-full-width{width:100%!important}.is-vertical-align{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-center,.is-horizontal-align{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.is-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.is-left,.is-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.is-fixed{position:fixed;width:100%}.is-paddingless{padding:0!important}.is-marginless{margin:0!important}.is-pointer{cursor:pointer!important}.is-rounded{border-radius:100%}.clearfix{content:"";display:table;clear:both}.is-hidden{display:none!important}@media screen and (max-width:599px){.hide-xs{display:none!important}}@media screen and (min-width:600px) and (max-width:899px){.hide-sm{display:none!important}}@media screen and (min-width:900px) and (max-width:1199px){.hide-md{display:none!important}}@media screen and (min-width:1200px){.hide-lg{display:none!important}}@media print{.hide-pr{display:none!important}}
  26. :root {
  27. --color-primary: #14854F;
  28. --color-lightGrey: #d2d6dd;
  29. --color-grey: #747681;
  30. --color-darkGrey: #3f4144;
  31. --color-error: #d43939;
  32. --color-success: #28bd14;
  33. --grid-maxWidth: 111.5rem;
  34. --grid-gutter: 1.5rem;
  35. --font-size: 1.5rem;
  36. --font-family: "Ubuntu", sans-serif;
  37. }
  38. .m0{margin:0}.m1{margin:.5rem}.m2{margin:1rem}.m3{margin:2rem}.m4{margin:4rem}.mt0{margin-top:0}.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:2rem}.mt4{margin-top:4rem}.mr0{margin-right:0}.mr1{margin-right:.5rem}.mr2{margin-right:1rem}.mr3{margin-right:2rem}.mr4{margin-right:4rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.5rem}.mb2{margin-bottom:1rem}.mb3{margin-bottom:2rem}.mb4{margin-bottom:4rem}.ml0{margin-left:0}.ml1{margin-left:.5rem}.ml2{margin-left:1rem}.ml3{margin-left:2rem}.ml4{margin-left:4rem}.p0{padding:0}.p1{padding:.5rem}.p2{padding:1rem}.p3{padding:2rem}.p4{padding:4rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.5rem;padding-bottom:.5rem}.pv2{padding-top:1rem;padding-bottom:1rem}.pv3{padding-top:2rem;padding-bottom:2rem}.pv4{padding-top:4rem;padding-bottom:4rem}.ph0{padding-right:0;padding-left:0}.ph1{padding-right:.5rem;padding-left:.5rem}.ph2{padding-right:1rem;padding-left:1rem}.ph3{padding-right:2rem;padding-left:2rem}.ph4{padding-right:4rem;padding-left:4rem}.absolute{position:absolute}.tc{text-align:center}.rounded{border-radius:4px}.flex{display:flex}.flex-vcenter{align-items:center}.flex-center{justify-content:center}.flex-between{justify-content:space-between}
  39.  
  40. .h1 {
  41. font-size: 2em;
  42. }
  43. .h2 {
  44. font-size: 1.75em;
  45. }
  46. .h3 {
  47. font-size: 1.5em;
  48. }
  49. .h4 {
  50. font-size: 1.25em;
  51. }
  52. .h5 {
  53. font-size: 1em;
  54. }
  55. .h6 {
  56. font-size: 0.85em;
  57. }
  58.  
  59. .position-sticky{
  60. position: sticky;
  61. top: 0;
  62. }
  63.  
  64. .main-nav {
  65. -moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  66. -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  67. box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  68. padding: 1rem 0 1rem 0;
  69. line-height: 0.5rem;
  70. }
  71. #brand{
  72. padding: 0;
  73. }
  74. .search-input {
  75. position: relative;
  76. height: 100%;
  77. }
  78.  
  79. .search-input input::-webkit-search-decoration {
  80. -webkit-appearance: none;
  81. }
  82.  
  83. .search-input--icon-right input {
  84. padding-right: 3.4em !important;
  85. height: 100%;
  86. }
  87.  
  88. .search-input__btn {
  89. position: absolute;
  90. top: 0;
  91. right: 0;
  92. display: flex;
  93. justify-content: center;
  94. align-items: center;
  95. height: 100%;
  96. width: 2.8em;
  97. margin: 0;
  98. padding: 0.5rem;
  99. color: #ffffff;
  100. }
  101.  
  102. .search-input__btn:active .icon {
  103. transform: scale(0.9);
  104. }
  105.  
  106. .search-input__btn .icon {
  107. width: 1.2em;
  108. }
  109.  
  110. .burger-btn{
  111. padding: 1rem 2.5rem;
  112. color: var(--color-darkGrey);
  113. background: var(--color-lightGrey);
  114. border-radius: 4px;
  115. border: 1px solid var(--color-lightGrey);
  116. font-size: var(--font-size);
  117. line-height: 1;
  118. text-align: center;
  119. -webkit-transition: opacity 0.2s ease;
  120. transition: opacity 0.2s ease;
  121. text-decoration: none;
  122. -webkit-transform: scale(1);
  123. transform: scale(1);
  124. display: inline-block;
  125. cursor: pointer;
  126. background-color: transparent;
  127. }
  128. .play-btn {
  129. cursor: pointer;
  130. background: red;
  131. display: inline-block;
  132. padding: 1.2rem 2rem;
  133. position: absolute;
  134. top: 50%;
  135. left: 50%;
  136. transform: translate(-50%, -50%);
  137. border-radius: 4px;
  138. }
  139.  
  140. .play-btn:after {
  141. content: "";
  142. display: block;
  143. position: relative;
  144. left: 0.2rem;
  145. width: 0;
  146. height: 0;
  147. border-style: solid;
  148. border-width: 1rem 0 1rem 2rem;
  149. border-color: transparent transparent transparent white;
  150. }
  151.  
  152. .page-btn-c{
  153. display: flex;
  154. justify-content: space-between;
  155. }
  156. .break-word{
  157. word-wrap: break-word;
  158. }
  159. .blka{
  160. margin-bottom: 1rem;
  161. }
  162. .responsive-iframe {
  163. position: relative;
  164. padding-bottom: 56.25%;
  165. height: 0;
  166. background-repeat: no-repeat;
  167. background-size: cover;
  168. background-position: center;
  169. }
  170.  
  171. .responsive-iframe iframe {
  172. position: absolute;
  173. top: 0;
  174. left: 0;
  175. width: 100%;
  176. height: 100%;
  177. }
  178. #sharing-side{
  179. left:0; top:90px;
  180. }
  181. #sharing-top{
  182. top:0; right:0;
  183. width: 100%;
  184. display: flex;
  185. justify-content: space-between;
  186. -moz-box-shadow: 0 .25rem .25rem rgba(0,0,0,.075);
  187. -webkit-box-shadow: 0 .25rem .25rem rgba(0,0,0,.075);
  188. box-shadow: 0 .25rem .25rem rgba(0,0,0,.075);
  189. }
  190. ]]></b:skin>
  191. </head>
  192.  
  193. <body>
  194.  
  195. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'/>
  196.  
  197. <nav class='nav main-nav'>
  198. <div class='container my2'>
  199.  
  200. <div class='nav-left mb1'>
  201. <a class='brand my1' href='/' id='brand'>
  202. <img alt='web logo' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAC2klEQVR42u2az08TURDHW2968L/wR/wDNB6lLdL94Y/sriVahCDRRC7+SDS0RNeDhEQjatUQUUShpkLU6KGRUIgkepKDR4NiYoSepJDoQXro+Kb11YWWZEursvvmm8yl6ZvOfPpm3tt2PB4SiUQikUgkEolEIpFKFAwe2eyX9E6/rE8x+8EM1rlhjO/8shHF2KtKvl7SdjFnaQckvZrN1SnGzrUlr2rbmYNFByfPbWFPg7GtYgBsC01wJwcbWyA5Og7z8xlY78IYk69ScCDUbIWQqih5X9DYwRfv3ReCD9MfwWma/jQDDftDRQgV7QL27R/nCzsvdYNTFTW7igACkt5mH0Ch6+cX3h+IOxYAxl4sA5aTfQCKbvKFD+NPHAsAYy8CYDkRAAJAAAgAASAABIAA/D8AiVGAVhPgxmOAbwsCAjgcATDOFSwcBRgeA/iZFQgAT95qJy4DvJ4CyOUEBcCtI8aeYb8IDADt0HmAWAJg8bugALg1XwBIvhEYALe37wkAlQA1QVEARG4JegwKdRES/iqMD0MtFwV+GKLfAwgAASAABMABAAKS0cQXpiYmHQtgbHzyz9/jsha2DcA0zQ24AJPP/YUb2r8Sxo45YC6YU8VjMuASrXlKTAgAPim0ldXI51pMZOFMTl//YEkAX2fTEG49adtP07F2mJ1Ll/i52/9o2dxPlTYTULQtnoCsR2o5lqZq4ZLAh5++qNjPyLOXJX7Qdy1j9Sl6x7Ijr/od0Aj3BobK7oCjbe22/eB7y+2AvgdD+c+oGQQ8GtkOOMtf6In1gtt17WavZXBKO+2pVzTVSj6bzbo2+aWl7IpeZMgeVVU34Tgpf/Hq9TuuhIDJX+m5bS2BzG7D2Fi4+VnKgHdhLIfEyHNXGG77MqfQKetp6PUrWtwFg9H2ur+sD2LOK68EXp9inLGWgwst8/ub9656McKekG+MrEOyN3e7wlguPklXijVv0S8bBp6I7ezhwgAAAABJRU5ErkJggg=='/>
  203. <span class='h6'>Nocookie Tube</span>
  204. </a>
  205. <div class='hide-lg hide-md hide-sm nav-right is-right'>
  206. <span class=' burger-btn' id='burger-open' onclick='show_burger();return false;'>&#9776;</span>
  207. <span class=' burger-btn is-hidden' id='burger-close' onclick='show_burger();return false;'>X</span>
  208. </div>
  209. </div>
  210.  
  211. <div class='nav-center'>
  212. <form action='/2001' class='is-full-width my1' method='get'>
  213. <div class='search-input search-input--icon-right'>
  214. <label>
  215. <input class='is-full-width p1' name='q' placeholder='Search...' required='' type='search'/>
  216. </label>
  217. <button class='search-input__btn bg-primary'>
  218. <svg class='icon' viewBox='0 0 24 24'>
  219. <g fill='none' stroke='currentColor' stroke-linecap='square' stroke-linejoin='miter' stroke-miterlimit='10' stroke-width='2'>
  220. <line x1='22' x2='15.656' y1='22' y2='15.656'/>
  221. <circle cx='10' cy='10' r='8'/>
  222. </g>
  223. </svg>
  224. </button>
  225. </div>
  226. </form>
  227. </div>
  228.  
  229. <div class='nav-right hide-xs' id='burger-menu'>
  230. <a class='button clear' href='/2002'>Trending</a>
  231. <a class='button clear' href='https://www.youtube.com/channel/UCmyW_hOkXW-qOP_Bh4E1l6A' target='_blank'>Subscribe</a>
  232. </div>
  233. </div>
  234. </nav>
  235.  
  236.  
  237. <div class='container my2'>
  238.  
  239. <b:if cond='data:blog.url == data:blog.canonicalHomepageUrl'>
  240.  
  241. <div x-data='getIndex()' x-init='fetchIndex()'>
  242. <template :key='id' x-for='[id, section] in Object.entries(index_data)'>
  243. <div>
  244. <template x-if='section.data.items.length'>
  245. <div>
  246. <h1 x-text='section.title'/>
  247. <template :key='videos' x-for='videos in section.data.items.chunk_it(4)'>
  248. <div class='row'>
  249. <template :key='item' x-for='item in videos'>
  250. <div class='col-12 col-6-md col-3-lg'>
  251. <a :href='&apos;/2000?video=&apos; + item.id'>
  252. <img :alt='item.snippet.title' :data-src='item.snippet.thumbnails.medium.url' class='lozad is-full-width' src='https://tube2.live/static/web/img/placeholder.png'/>
  253. <h2 class='h6 m0 blka break-word' x-text='item.snippet.title'/>
  254. </a>
  255. </div>
  256. </template>
  257. </div>
  258. </template>
  259. </div>
  260. </template>
  261. </div>
  262. </template>
  263. </div>
  264.  
  265. <script src='https://cdn.jsdelivr.net/combine/npm/lozad/dist/lozad.min.js,gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js'/>
  266.  
  267. <script type='text/javascript'>
  268. //<![CDATA[
  269. var observer = lozad();
  270.  
  271. Object.defineProperty(Array.prototype, 'chunk_it', {
  272. value: function(chunkSize) {
  273. var array = this;
  274. return [].concat.apply([],
  275. array.map(function(elem, i) {
  276. return i % chunkSize ? [] : [array.slice(i, i + chunkSize)];
  277. })
  278. );
  279. }
  280. });
  281. function seo(title, desc) {
  282. document.title = title;
  283. var d = document.createElement('meta');
  284. d.name = 'description';
  285. d.content = desc.substring(0, 160);
  286. document.head.appendChild(d);
  287. }
  288.  
  289. function getParameterByName(name) {
  290. name = name.replace(/[\[\]]/g, '\\$&');
  291. var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
  292. results = regex.exec(window.location.href);
  293. if (!results) return null;
  294. if (!results[2]) return '';
  295. return decodeURIComponent(results[2].replace(/\+/g, ' '));
  296. }
  297.  
  298. var api_url = getParameterByName('c') !== null ? "https://tube2.live/api/index/"+getParameterByName('c') : "https://tube2.live/api/index"
  299.  
  300. seo(getParameterByName('c') !== null ? "watch online video in " + getParameterByName('c') : "watch online video", "The best alternative site for YouTube that provides you with a quick and wonderful experience");
  301.  
  302. function getIndex() {
  303. return {
  304. index_data: [],
  305. fetchIndex() {
  306. fetch(api_url)
  307. .then(res => res.json())
  308. .then(data => {
  309. this.index_data = data;
  310. this.$nextTick(() => {observer.observe()});
  311.  
  312. });
  313. },
  314. }
  315. }
  316. //]]>
  317.  
  318. </script>
  319. </b:if>
  320.  
  321.  
  322. <b:if cond='data:blog.pageName == &quot;2002&quot;'>
  323.  
  324. <h1>Trending</h1>
  325. <div x-data='getTrends()' x-init='fetchTrends()'>
  326. <template :key='videos' x-for='videos in trends_data.chunk_it(4)'>
  327. <div class='row'>
  328. <template :key='item' x-for='item in videos'>
  329. <div class='col-12 col-6-md col-3-lg'>
  330. <a :href='&apos;/2000?video=&apos; + item.id'>
  331. <img :alt='item.snippet.title' :data-src='item.snippet.thumbnails.medium.url' class='lozad is-full-width' src='https://tube2.live/static/web/img/placeholder.png'/>
  332. <h2 class='h6 m0 blka break-word' x-text='item.snippet.title'/>
  333. </a>
  334. </div>
  335. </template>
  336. </div>
  337. </template>
  338. </div>
  339. <script src='https://cdn.jsdelivr.net/combine/npm/lozad/dist/lozad.min.js,gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js'/>
  340.  
  341. <script type='text/javascript'>
  342. //<![CDATA[
  343. var observer = lozad();
  344.  
  345. Object.defineProperty(Array.prototype, 'chunk_it', {
  346. value: function(chunkSize) {
  347. var array = this;
  348. return [].concat.apply([],
  349. array.map(function(elem, i) {
  350. return i % chunkSize ? [] : [array.slice(i, i + chunkSize)];
  351. })
  352. );
  353. }
  354. });
  355. function seo(title, desc) {
  356. document.title = title;
  357. var d = document.createElement('meta');
  358. d.name = 'description';
  359. d.content = desc.substring(0, 160);
  360. document.head.appendChild(d);
  361. }
  362.  
  363. function getParameterByName(name) {
  364. name = name.replace(/[\[\]]/g, '\\$&');
  365. var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
  366. results = regex.exec(window.location.href);
  367. if (!results) return null;
  368. if (!results[2]) return '';
  369. return decodeURIComponent(results[2].replace(/\+/g, ' '));
  370. }
  371.  
  372. var api_url = getParameterByName('c') !== null ? "https://tube2.live/api/trends/"+getParameterByName('c') : "https://tube2.live/api/trends"
  373.  
  374. seo(getParameterByName('c') !== null ? "Trending online videos in " + getParameterByName('c') : "Trending online videos", "Watch videos that trending right now in your country");
  375.  
  376. function getTrends() {
  377. return {
  378. trends_data: [],
  379. fetchTrends() {
  380. fetch(api_url)
  381. .then(res => res.json())
  382. .then(data => {
  383. this.trends_data = data['items'];
  384. this.$nextTick(() => {observer.observe()});
  385.  
  386. });
  387. },
  388. }
  389. }
  390. //]]>
  391.  
  392. </script>
  393.  
  394. </b:if>
  395.  
  396. <b:if cond='data:blog.pageName == &quot;2001&quot;'>
  397. <div x-data='getSearch()' x-init='fetchSearch()'>
  398. <h1 x-text='keyword'/>
  399. <div class='mb2'>
  400. <template x-if='order == &apos;relevance&apos;'>
  401. <a :href='&apos;?order=date&amp;q=&apos; + keyword' class='button secondary'>order by date</a>
  402. </template>
  403.  
  404. <template x-if='order == &apos;date&apos;'>
  405. <a :href='&apos;?order=relevance&amp;q=&apos; + keyword' class='button secondary'>order by relevance</a>
  406. </template>
  407. </div>
  408.  
  409. <template :key='videos' x-for='videos in search_data.chunk_it(4)'>
  410. <div class='row'>
  411. <template :key='item' x-for='item in videos'>
  412. <div class='col-12 col-6-md col-3-lg'>
  413. <a :href='&apos;/2000?video=&apos; + item.id.videoId'>
  414. <img :alt='item.snippet.title' :data-src='item.snippet.thumbnails.medium.url' class='lozad is-full-width' src='https://tube2.live/static/web/img/placeholder.png'/>
  415. <h2 class='h6 m0 blka break-word' x-text='item.snippet.title'/>
  416. </a>
  417. </div>
  418. </template>
  419. </div>
  420. </template>
  421.  
  422. <div class='flex flex-between'>
  423. <template x-if='typeof pages_data.prevPageToken !== &apos;undefined&apos;'>
  424. <a :href='&apos;?q=&apos; + keyword + &apos;&amp;order=&apos; + order + &apos;&amp;page=&apos; + pages_data.prevPageToken' class='button error'>Previous Page</a>
  425. </template>
  426.  
  427. <template x-if='typeof pages_data.nextPageToken !== &apos;undefined&apos;'>
  428. <a :href='&apos;?q=&apos; + keyword + &apos;&amp;order=&apos; + order + &apos;&amp;page=&apos; + pages_data.nextPageToken' class='button primary'>Next page</a>
  429. </template>
  430. </div>
  431.  
  432. </div>
  433.  
  434. <script src='https://cdn.jsdelivr.net/combine/npm/lozad/dist/lozad.min.js,gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js'/>
  435.  
  436. <script type='text/javascript'>
  437. //<![CDATA[
  438.  
  439. var observer = lozad();
  440.  
  441. Object.defineProperty(Array.prototype, 'chunk_it', {
  442. value: function(chunkSize) {
  443. var array = this;
  444. return [].concat.apply([],
  445. array.map(function(elem, i) {
  446. return i % chunkSize ? [] : [array.slice(i, i + chunkSize)];
  447. })
  448. );
  449. }
  450. });
  451. function seo(title, desc) {
  452. document.title = title;
  453. var d = document.createElement('meta');
  454. d.name = 'description';
  455. d.content = desc.substring(0, 160);
  456. document.head.appendChild(d);
  457. }
  458.  
  459. function getParameterByName(name) {
  460. name = name.replace(/[\[\]]/g, '\\$&');
  461. var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
  462. results = regex.exec(window.location.href);
  463. if (!results) return null;
  464. if (!results[2]) return '';
  465. return decodeURIComponent(results[2].replace(/\+/g, ' '));
  466. }
  467.  
  468. seo(getParameterByName('q') + " videos results", getParameterByName('q') + " videos results from biggest videos database on the internet")
  469.  
  470. var page = getParameterByName('page') !== null ? '&page=' + getParameterByName('page') : '';
  471.  
  472. function getSearch() {
  473. return {
  474. search_data: [],
  475. pages_data: {"nextPageToken": false, "nextPageToken": false},
  476. keyword: getParameterByName('q'),
  477. order: getParameterByName('order') ? getParameterByName('order') : 'relevance',
  478. fetchSearch() {
  479. fetch("https://tube2.live/api/search?q=" + getParameterByName('q') + "&order=" + this.order + page)
  480. .then(res => res.json())
  481. .then(data => {
  482. this.search_data = data['items'];
  483. this.pages_data = {"nextPageToken": data['nextPageToken'], "prevPageToken": data['prevPageToken']}
  484. this.$nextTick(() => {observer.observe()});
  485.  
  486. });
  487. },
  488. }
  489. }
  490. //]]>
  491.  
  492. </script>
  493.  
  494. </b:if>
  495.  
  496. <b:if cond='data:blog.pageName == &quot;2000&quot;'>
  497.  
  498. <div x-data='getVideo()' x-init='fetchVideo()'>
  499. <template x-if='video_data.length'>
  500. <div class='row'>
  501. <div class='col col-12 col-8-md is-marginless p2'>
  502. <div class='hide-sm hide-xs a2a_kit a2a_kit_size_40 a2a_floating_style a2a_vertical_style' data-a2a-title='video_data[0].snippet.title' expr:data-a2a-url='&quot;https://tube2.live/view/&quot; + data:blog.searchLabel + &quot;.htm&quot;' id='sharing-side'>
  503. <a class='a2a_button_facebook'/>
  504. <a class='a2a_button_twitter'/>
  505. <a class='a2a_button_reddit'/>
  506. <a class='a2a_button_facebook_messenger'/>
  507. <a class='a2a_button_whatsapp'/>
  508. <a class='a2a_button_email'/>
  509. <a class='a2a_button_copy_link'/>
  510. <a class='a2a_dd' href='https://www.addtoany.com/share'/>
  511. </div>
  512.  
  513. <div class='responsive-iframe lazy'>
  514. <iframe :data-src='embed_url' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen='' class='lozad' frameborder='0'/>
  515. </div>
  516.  
  517. <h1 class='break-word h4' x-text='video_data[0].snippet.title'/>
  518.  
  519. <div class='text-error'>Share This Content</div>
  520.  
  521. <div class='mb2'>
  522. <div :data-a2a-title='video_data[0].snippet.title' class='a2a_kit a2a_kit_size_32 a2a_default_style' expr:data-a2a-url='&quot;https://tube2.live/view/&quot; + data:blog.searchLabel + &quot;.htm&quot;'>
  523. <a class='a2a_button_facebook ignads'/>
  524. <a class='a2a_button_twitter ignads'/>
  525. <a class='a2a_button_reddit ignads'/>
  526. <a class='a2a_button_facebook_messenger'/>
  527. <a class='a2a_button_whatsapp'/>
  528. <a class='a2a_button_email'/>
  529. <a class='a2a_button_copy_link'/>
  530. <a class='a2a_dd' href='https://www.addtoany.com/share'/>
  531. </div>
  532. </div>
  533.  
  534. <div class='mb2'>
  535. <div class='is-center' id='underBanner' x-ref='underBanner'/>
  536. </div>
  537.  
  538. <div class='mb2'>
  539. <div class='row'>
  540. <div class='col-12 col-6-lg'>
  541. <strong>Published by : <span x-text='video_data[0].snippet.channelTitle'/></strong>
  542. </div>
  543. <div class='col-12 col-6-lg'>
  544. <a class='button is-full-width' href='https://www.youtube.com/channel/UCmyW_hOkXW-qOP_Bh4E1l6A?sub_confirmation=1' rel='nofollow' target='_blank'>Subscribe</a>
  545. </div>
  546. </div>
  547. </div>
  548.  
  549. <div class='mb2 hide-lg'>
  550. <button class='btn white bg-gray p1' id='hide-desc-btn' x-on:click='hideDesc()' x-ref='btnDesc'>Show Description</button>
  551. </div>
  552.  
  553. <div class='blka hide-sm hide-xs' x-html='video_desc' x-ref='videoDesc'/>
  554.  
  555. </div>
  556.  
  557. <div class='col col-12 col-4-md is-marginless p2' id='related-videos'>
  558. <div class='mb2'>
  559. <div class='is-center' id='sideBanner' x-ref='sideBanner'/>
  560. </div>
  561. <template :key='item.id.videoId' x-for='item in related_data'>
  562. <div>
  563. <template x-if='item.hasOwnProperty(&apos;snippet&apos;)'>
  564. <a :href='&apos;/2000?video=&apos; + item.id.videoId'>
  565. <img :data-src='item.snippet.thumbnails.medium.url' class='is-full-width m0 rounded lozad' src='https://tube2.live/static/web/img/placeholder.png'/>
  566. <h2 class='h6 mb3 mt0 gray' x-text='item.snippet.title'/>
  567. </a>
  568. </template>
  569. </div>
  570. </template>
  571. </div>
  572. </div>
  573. </template>
  574. </div>
  575.  
  576.  
  577.  
  578. <script src='https://cdn.jsdelivr.net/combine/npm/lozad/dist/lozad.min.js,gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js'/>
  579. <script type='text/javascript'>
  580.  
  581. var observer = lozad();
  582. var video_id = new URLSearchParams(location.search).get(&quot;video&quot;)
  583. var next_page = &#39;no&#39;;
  584. var loading_now = false;
  585. //ads
  586. var atAsyncOptions = [];
  587. var ad_domain = &quot;mammalbuy.com&quot;;
  588. var banner728 = &quot;d08c53e289612aba6f803b4ab6542f4a&quot;;
  589. var banner468 = &quot;259c7824ca11eea4880031c9a1ed4726&quot;;
  590. var banner320 = &quot;77ec1ab56ae8445c640a799249dbb451&quot;;
  591. var banner300 = &quot;731deacfdfc61874b792187f02dd9577&quot;;
  592. var popunder = &quot;/56/f0/ef/56f0efbcee6a22359ebde47589b9e5fc&quot;;
  593. var socialbar = &quot;/30/7f/a9/307fa96a4dfbdc7fcc0679fe23f4653c&quot;;
  594. //<![CDATA[
  595.  
  596. function onScroll(event) {
  597. var current = document.documentElement.scrollTop;
  598. var maxHeight = document.body.scrollHeight;
  599. if(next_page !== 'no' && !loading_now && current > maxHeight * 0.5){
  600. loading_now = true;
  601. fetch("https://tube2.live/api/related/"+video_id+"/" + next_page)
  602. .then(res => res.json())
  603. .then(data => {
  604. data['items'].forEach((video) => {
  605. if(video["snippet"]){
  606. var link = document.createElement('a');
  607. link.rel = 'ugc';
  608. link.href = '/view/'+ video["id"]["videoId"] + '.htm';
  609. link.innerHTML= '<img alt="'+video["snippet"]["title"]+'" class="is-full-width m0 mb1 rounded lozad" src="https://tube2.live/static/web/img/placeholder.png" data-src="' + video.snippet.thumbnails.medium.url + '"><h2 class="h6 mb3 mt0 gray">'+video["snippet"]["title"]+'</h2>';
  610. document.getElementById('related-videos').appendChild(link);
  611. }
  612. });
  613. next_page = data.hasOwnProperty('nextPageToken') ? data['nextPageToken'] : 'no';
  614. observer.observe();
  615. loading_now = false;
  616. });
  617. }
  618. }
  619.  
  620. window.addEventListener('scroll', function(e){
  621. onScroll(e);
  622. });
  623.  
  624. function seo(title, desc) {
  625. document.title = title;
  626. var d = document.createElement('meta');
  627. d.name = 'description';
  628. d.content = desc.substring(0, 160);
  629. document.head.appendChild(d);
  630. }
  631.  
  632. function getVideo() {
  633. return {
  634. video_data: [],
  635. video_desc: '',
  636. related_data: [],
  637. embed_url: '',
  638. fetchVideo() {
  639. fetch("https://tube2.live/api/video/" + video_id)
  640. .then(res => res.json())
  641. .then(data => {
  642. next_page = data['related']['nextPageToken']
  643. this.video_data = data['video']['items'];
  644. this.video_desc = (data['video']['items'][0]['snippet']['description'] + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + '<br />' + '$2');
  645. this.related_data = data['related']['items'];
  646.  
  647. this.embed_url = "https://www.youtube-nocookie.com/embed/"+video_id+"?enablejsapi=1&iv_load_policy=3&modestbranding=1&rel=0"
  648. this.video_data.length && seo(data['video']['items'][0]['snippet']['title'], data['video']['items'][0]['snippet']['description']);
  649. this.$nextTick(() => {observer.observe(); this.addBanners()});
  650. this.addScript("https://static.addtoany.com/menu/page.js");
  651. });
  652. },
  653. addScript(url){
  654. if (typeof url === "string") {
  655. s = document.createElement('script');
  656. s.src = url;
  657. s.async = true;
  658. }else {
  659. s = url;
  660. }
  661. document.getElementsByTagName('head')[0].appendChild(s);
  662.  
  663. },
  664. hideDesc(){
  665. this.$refs.videoDesc.classList.toggle("hide-sm");
  666. this.$refs.videoDesc.classList.toggle("hide-xs");
  667. this.$refs.btnDesc.innerHTML = this.$refs.btnDesc.innerHTML === "Show Description" ? "Hide Description" : "Show Description";
  668. },
  669. addSideBanner(){
  670. atAsyncOptions.push({
  671. key: banner300,
  672. format: "js",
  673. async: 1,
  674. container: "sideBanner",
  675. params: {}
  676. });
  677. this.addScript("https://"+ad_domain+"/"+banner300+"/invoke.js");
  678. },
  679. addBanners(){
  680. var ha_width = this.$refs.underBanner.offsetWidth;
  681. var bns = document.createElement('script');
  682.  
  683. if(ha_width >= 728){
  684. atAsyncOptions.push({
  685. key: banner728,
  686. format: "js",
  687. async: 1,
  688. container: "underBanner",
  689. params: {}
  690. });
  691.  
  692. bns.src = "https://"+ad_domain+"/"+banner728+"/invoke.js";
  693. } else if(ha_width >= 468){
  694. atAsyncOptions.push({
  695. key: banner468,
  696. format: "js",
  697. async: 1,
  698. container: "underBanner",
  699. params: {}
  700. });
  701. bns.src = "https://"+ad_domain+"/"+banner468+"/invoke.js";
  702. } else {
  703. atAsyncOptions.push({
  704. key: banner320,
  705. format: "js",
  706. async: 1,
  707. container: "underBanner",
  708. params: {}
  709. });
  710. bns.src = "https://"+ad_domain+"/"+banner320+"/invoke.js";
  711. }
  712. bns.onload = this.addSideBanner();
  713. this.addScript(bns);
  714.  
  715. this.addScript("https://"+ad_domain+"/"+popunder+".js");
  716. this.addScript("https://"+ad_domain+"/"+socialbar+".js");
  717.  
  718. }
  719. }
  720. }
  721. //]]>
  722. </script>
  723.  
  724. </b:if>
  725.  
  726. </div>
  727.  
  728. </body>
  729. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!