2018-07-14 13:36:31 +00:00
|
|
|
<!DOCTYPE html>
|
2019-04-28 14:17:35 +00:00
|
|
|
<html lang="<%= env.get("preferences").as(Preferences).locale %>">
|
2018-07-14 13:36:31 +00:00
|
|
|
|
|
|
|
|
<head>
|
2018-08-11 15:52:13 +00:00
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="thumbnail" content="<%= thumbnail %>">
|
|
|
|
|
<%= rendered "components/player_sources" %>
|
|
|
|
|
<link rel="stylesheet" href="/css/default.css">
|
|
|
|
|
<title><%= HTML.escape(video.title) %> - Invidious</title>
|
|
|
|
|
<style>
|
2019-03-17 16:57:29 +00:00
|
|
|
#player {
|
2019-03-23 19:05:13 +00:00
|
|
|
position: fixed;
|
|
|
|
|
right: 0;
|
2018-08-11 15:52:13 +00:00
|
|
|
bottom: 0;
|
2019-03-23 19:05:13 +00:00
|
|
|
min-width: 100%;
|
2018-08-11 15:52:13 +00:00
|
|
|
min-height: 100%;
|
2019-03-23 19:05:13 +00:00
|
|
|
width: auto;
|
|
|
|
|
height: auto;
|
2018-08-11 15:52:13 +00:00
|
|
|
z-index: -100;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2018-07-14 13:36:31 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2019-04-13 19:26:32 +00:00
|
|
|
<%= rendered "components/player" %>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
<% if plid %>
|
|
|
|
|
function get_playlist(timeouts = 0) {
|
|
|
|
|
if (timeouts > 10) {
|
|
|
|
|
console.log("Failed to pull playlist");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var plid = "<%= plid %>"
|
|
|
|
|
|
|
|
|
|
if (plid.startsWith("RD")) {
|
|
|
|
|
var plid_url = "/api/v1/mixes/<%= plid %>?continuation=<%= video.id %>&format=html&hl=<%= env.get("preferences").as(Preferences).locale %>";
|
|
|
|
|
} else {
|
|
|
|
|
var plid_url = "/api/v1/playlists/<%= plid %>?continuation=<%= video.id %>&format=html&hl=<%= env.get("preferences").as(Preferences).locale %>";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
xhr.responseType = "json";
|
|
|
|
|
xhr.timeout = 20000;
|
|
|
|
|
xhr.open("GET", plid_url, true);
|
|
|
|
|
xhr.send();
|
|
|
|
|
|
|
|
|
|
xhr.onreadystatechange = function() {
|
|
|
|
|
if (xhr.readyState == 4) {
|
|
|
|
|
if (xhr.status == 200) {
|
|
|
|
|
if (xhr.response.nextVideo) {
|
|
|
|
|
player.on('ended', function() {
|
|
|
|
|
location.assign("/embed/"
|
|
|
|
|
+ xhr.response.nextVideo
|
|
|
|
|
+ "?list=<%= plid %>"
|
2019-04-19 14:38:27 +00:00
|
|
|
<% if params[:listen] != preferences.listen %>
|
|
|
|
|
+ "&listen=<%= params[:listen] %>"
|
2019-04-13 19:26:32 +00:00
|
|
|
<% end %>
|
2019-04-19 14:38:27 +00:00
|
|
|
<% if params[:autoplay] || params[:continue_autoplay] %>
|
2019-04-13 19:26:32 +00:00
|
|
|
+ "&autoplay=1"
|
|
|
|
|
<% end %>
|
2019-04-19 14:38:27 +00:00
|
|
|
<% if params[:speed] != preferences.speed %>
|
2019-04-13 19:26:32 +00:00
|
|
|
+ "&speed=<%= params[:speed] %>"
|
|
|
|
|
<% end %>
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
xhr.ontimeout = function() {
|
|
|
|
|
console.log("Pulling playlist timed out.");
|
|
|
|
|
get_playlist(timeouts + 1);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
get_playlist();
|
|
|
|
|
<% elsif video_series %>
|
|
|
|
|
player.on('ended', function() {
|
|
|
|
|
location.assign("/embed/"
|
|
|
|
|
+ "<%= video_series.shift %>"
|
|
|
|
|
<% if !video_series.empty? %>
|
|
|
|
|
+ "?playlist=<%= video_series.join(",") %>"
|
|
|
|
|
<% end %>
|
2019-04-19 14:38:27 +00:00
|
|
|
<% if params[:listen] != preferences.listen %>
|
|
|
|
|
+ "&listen=<%= params[:listen] %>"
|
2019-04-13 19:26:32 +00:00
|
|
|
<% end %>
|
2019-04-19 14:38:27 +00:00
|
|
|
<% if params[:autoplay] || params[:continue_autoplay] %>
|
2019-04-13 19:26:32 +00:00
|
|
|
+ "&autoplay=1"
|
|
|
|
|
<% end %>
|
2019-04-19 14:38:27 +00:00
|
|
|
<% if params[:speed] != preferences.speed %>
|
2019-04-13 19:26:32 +00:00
|
|
|
+ "&speed=<%= params[:speed] %>"
|
|
|
|
|
<% end %>
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
<% end %>
|
|
|
|
|
</script>
|
2018-07-14 13:36:31 +00:00
|
|
|
</body>
|
2018-08-17 16:04:38 +00:00
|
|
|
</html>
|
