poke/html/poketube-iframe.ejs

147 lines
6.1 KiB
Text
Raw Normal View History

2022-10-10 17:54:40 +02:00
<!DOCTYPE html>
2022-09-22 12:06:54 +02:00
<html>
<head>
<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://github.com/iamashley0/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%;
}
2022-10-10 17:54:40 +02:00
</style>
<link href=/css/app-cdn.min.css rel=stylesheet>
<link href=/css/app.main.css 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>
2022-09-22 12:06:54 +02:00
</head>
2022-10-10 17:54:40 +02:00
<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="font-family:Ginto Nord;margin-left: 10px;">
<%=video.Title%>
<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="margin-left:10">
<i class="fa-light fa-thumbs-up"></i> <%=engagement.likes.toLocaleString()%>
<i class="fa-light fa-thumbs-down"></i> <%=engagement.dislikes.toLocaleString()%>
</p>
<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>
2022-09-22 12:06:54 +02:00
2022-10-10 17:54:40 +02:00
<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">
2022-09-23 17:07:04 +02:00
<% 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;">
<% }) %>
<% } %>
<% } %>
2022-09-22 12:06:54 +02:00
</video>
2022-10-10 17:54:40 +02:00
<div>
2022-09-22 12:06:54 +02:00
</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%> -->
<% } %>
</body>
</html>