poke/html/poketube-iframe.ejs
2023-03-02 15:04:48 +00:00

191 lines
7.6 KiB
Text

<!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://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%;
}
</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 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>