<!DOCTYPE html>
 <html>
   <head>
             <% if (video.Title) { %> 

     <title> <%=video.Title%> - PokeTube</title>
       <link href=/css/yt-ukraine.svg rel=icon>
  <!-- STYLES START -->
  
<style>
   a.class:hover {
    text-decoration:underline;
    font-weight:bold
}
  summary{
    color:gray;
}
summary:hover{
    color:white;
}
</style>
   
  
     <script type="text/javascript">
<!--//--><![CDATA[//><!--
/**
 * @licstart The following is the entire license notice for the JavaScript
 * code in this page.
 *
 *  Copyright (C) 2021-2022 POKETUBE (https://codeberg.org/Ashley/poketube)
 *
 * The JavaScript code in this page is free software: you can redistribute
 * it and/or modify it under the terms of the GNU General Public License
 * (GNU GPL) as published by the Free Software Foundation, either version 3
 * of the License, or (at your option) any later version.  The code is
 * distributed WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU GPL
 * for more details.
 *
 * As additional permission under GNU GPL version 3 section 7, you may
 * distribute non-source (e.g., minimized or compacted) forms of that code
 * without the copy of the GNU GPL normally required by section 4, provided
 * you include this license notice and a URL through which recipients can
 * access the Corresponding Source.
 *
 * @licend The above is the entire license notice for the JavaScript code
 * in this page.
 */

//--><!]]>
</script>
     <style>
       .player{
      
 width: 100%;
height: 100%;

       }
     </style>

   </head>
               
             <% if (type == "copy_code") { %> 
               <style>
                 * { 
                     color:#000;
                     font-family:sans-serif
                 }
                 textarea {
                 width: 46em;
                 height: 4em;
                 resize: none;
                 }
               </style>
               
         <p>
 
             copy the html code to embed this webpage bellow:    </p>
               
           <textarea disabled="true"><iframe title="Play video" src="https://poketube.fun/embed/<%=video.id%>" allowfullscreen="true" data-orig-height="360" data-orig-width="640" style="width: 640px; height: 360px;" width="640" height="360" frameborder="0"></iframe></textarea>
      <% } %>

        <% if (type !== "copy_code") { %> 
  <link href=/css/app-cdn.min.css rel=stylesheet>
  <link href=/css/app.main.css?v=44600 rel=stylesheet>
  <link href="/css/watch.main.css?v=56" rel=stylesheet>
  <link href="/css/watch-util.css" rel=stylesheet>
  <link href="https://fonts.poketube.fun/css/fonts.css" rel=stylesheet>
  <link href="/css/watch-navbar.css?v=56" rel=stylesheet>
  <link href=https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css rel=stylesheet>
<body style="width: 100%;height: 100%;">
<div class="app" style="color:#fff;height: 100%;justify-content: center;width: 100%;">

<nav style="height: auto;">
  
    <p style="style='font-family:poketube flex;margin-left: 10px;font-weight: 1000;font-stretch: ultra-expanded;'">
       <%=video.Title%> 
   <div style="display: flex;margin-right: 1em;background: #333;justify-items: center;border-radius: 1em;">
    
         <p style="display: flex;"> 
				<a href="/channel?id=<%=video.Channel.id%>" class="avatar" style="font-size: x-small;display: flex;align-items: center;align-self: center;align-content: center;margin-left: 4px;">
          By <%=k.Video.Channel.Name%>
          </p>
         </a>
      </p>
      <p style="white-space: nowrap;margin-right: 1em;">
        <i class="fa-light fa-thumbs-up"></i> <%=engagement.likes.toLocaleString()%> <br>
        <i class="fa-light fa-thumbs-down"></i> <%=engagement.dislikes.toLocaleString()%> 
          </p>
        </div>
        <div style="display: flex;justify-content: center;align-items: center;flex-direction: row; column-gap: 3px;margin: 7;margin-left: auto;margin-right: 1em;" align="center">

        <% if (!qua) { %> 

                                 <i style="display: block;" class="fa-solid fa-high-definition"></i> <a href="/embed/<%=video.id%>/?quality=medium">
          <i style="display: block;" class="fa-light fa-standard-definition"></i></a>
                                                                      <% } %>               
                               <% if (qua) { %> 
                                 <a href="/embed/<%=video.id%>">  <i style="display: block;" class="fa-light fa-high-definition"></i> </a>  <i style="display: block;" class="fa-solid fa-standard-definition"></i>

                                                                      <% } %>             
                                                                        </div>
                               
    </nav>
	   
 
<div class="video-player-container" style="margin: auto;max-height: fit-content;overflow: hidden;" align="center">
<video class="player" id="<%=sha384(video.id)%>" controls src="<%=url%>"  poster="https://p.poketube.fun/https://i.ytimg.com/vi/<%=video.id%>/hqdefault.jpg?v=607ddcd4">
   
    <% if (  video.Subtitles.Subtitle) { %>  
     <%  if (Array.isArray( video.Subtitles.Subtitle)) { %> 
   <% video.Subtitles.Subtitle.forEach(x => { %>
     <track src="/api/subtitles?v=<%=video.id%>&h=<%= x.language %>" label="<%= x.language %>" kind="subtitles">      
     
        <img src="https://t.poketube.fun/t/rep.gif?v=<%=video.id%>&h=<%= x.language %>" id="subtitle_usage_rate" style="border:0;width: 0;visibility: hidden;"> 
         <% }) %>   
                                                                                                       <% } %>               
                                                           <% } %>                
                                                             
 					</video> 
       
                                         <div>
                     
                         
                                                                                                          </div>
                                                                        </div>
     </div>

 
 
 <% if (!optout) { %> 
          <!-- MORE INFO :https://poketube.fun/privacy -->
          <!-- MORE INFO :https://poketube.fun/privacy -->
   
          <!-- if you  want to change the url - please see config in server.js  -->
   
         <!-- START <%=t%> -->  
  <!-- mobile only -->
   <!-- dont use matomo.php, as its being blocked by ublock origin. -->
        <img src="<%=t%>t/index.php?idsite=5&amp;rec=1" style="width: 0;visibility: hidden;border:0;"  alt="" >
  <!--- mobile only -->
   
        <img src="<%=t%>t/rep.gif?ID=<%=btoa(Date.now())%>" style="width: 0;visibility: hidden;" id="SesionID">
        <img src="<%=t%>t/rep.gif?video_id=<%=btoa(video.id)%>" style="width: 0;visibility: hidden;" id="videoID">
        <img src="<%=t%>t/rep.gif?channel_ID=<%=btoa(video.Channel.id)%>" style="width: 0;visibility: hidden;" id="channel">
        <img src="<%=t%>t/rep.gif?piwik=t" style="width: 0;visibility: hidden;" id="piwik_noip_no_personal-info_collect">
        <!-- END <%=t%> -->  
 <% } %>
   
                                                                         <% } %>             

      <% } %>
<script>
if (window.top !== window) {
 
} else {
  
   <% if (type == "copy_code") { %> 
 
    <% } else { %>

  // the current page is not being used inside an iframe
   location.href = location.origin + "/watch?v=<%=video.id%>" 
                                                                      <% } %>             

}       
</script>
<script src="/css/custom-css.js"> </script>
   </body>
</html>