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 %>
|
2019-05-02 01:03:39 +00:00
|
|
|
function get_playlist(plid, timeouts = 0) {
|
2019-04-13 19:26:32 +00:00
|
|
|
if (timeouts > 10) {
|
2019-05-02 01:03:39 +00:00
|
|
|
console.log('Failed to pull playlist');
|
2019-04-13 19:26:32 +00:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2019-05-02 01:03:39 +00:00
|
|
|
if (plid.startsWith('RD')) {
|
|
|
|
var plid_url = '/api/v1/mixes/' + plid +
|
|
|
|
'?continuation=<%= video.id %>' +
|
|
|
|
'&format=html&hl=<%= env.get("preferences").as(Preferences).locale %>';
|
2019-04-13 19:26:32 +00:00
|
|
|
} else {
|
2019-05-02 01:03:39 +00:00
|
|
|
var plid_url = '/api/v1/playlists/' + plid +
|
|
|
|
'?continuation=<%= video.id %>' +
|
|
|
|
'&format=html&hl=<%= env.get("preferences").as(Preferences).locale %>';
|
2019-04-13 19:26:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
2019-05-02 01:03:39 +00:00
|
|
|
xhr.responseType = 'json';
|
2019-04-13 19:26:32 +00:00
|
|
|
xhr.timeout = 20000;
|
2019-05-02 01:03:39 +00:00
|
|
|
xhr.open('GET', plid_url, true);
|
2019-04-13 19:26:32 +00:00
|
|
|
xhr.send();
|
|
|
|
|
|
|
|
xhr.onreadystatechange = function() {
|
|
|
|
if (xhr.readyState == 4) {
|
|
|
|
if (xhr.status == 200) {
|
|
|
|
if (xhr.response.nextVideo) {
|
|
|
|
player.on('ended', function() {
|
2019-05-02 01:03:39 +00:00
|
|
|
location.assign('/watch?v=' + xhr.response.nextVideo +
|
|
|
|
'&list=' + plid +
|
2019-05-01 04:39:04 +00:00
|
|
|
<% if params.listen != preferences.listen %>
|
2019-05-02 01:03:39 +00:00
|
|
|
'&listen=<%= params.listen %>' +
|
2019-04-13 19:26:32 +00:00
|
|
|
<% end %>
|
2019-05-01 04:39:04 +00:00
|
|
|
<% if params.autoplay || params.continue_autoplay %>
|
2019-05-02 01:03:39 +00:00
|
|
|
'&autoplay=1' +
|
2019-04-13 19:26:32 +00:00
|
|
|
<% end %>
|
2019-05-01 04:39:04 +00:00
|
|
|
<% if params.speed != preferences.speed %>
|
2019-05-02 01:03:39 +00:00
|
|
|
'&speed=<%= params.speed %>' +
|
2019-04-13 19:26:32 +00:00
|
|
|
<% end %>
|
2019-05-02 01:03:39 +00:00
|
|
|
''
|
2019-04-13 19:26:32 +00:00
|
|
|
);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2019-05-06 14:48:33 +00:00
|
|
|
}
|
2019-04-13 19:26:32 +00:00
|
|
|
|
|
|
|
xhr.ontimeout = function() {
|
2019-05-02 01:03:39 +00:00
|
|
|
console.log('Pulling playlist timed out.');
|
|
|
|
get_playlist(plid, timeouts + 1);
|
2019-05-06 14:48:33 +00:00
|
|
|
}
|
2019-04-13 19:26:32 +00:00
|
|
|
}
|
|
|
|
|
2019-05-02 01:03:39 +00:00
|
|
|
get_playlist('<%= plid %>');
|
2019-04-13 19:26:32 +00:00
|
|
|
<% elsif video_series %>
|
|
|
|
player.on('ended', function() {
|
2019-05-02 01:03:39 +00:00
|
|
|
location.assign('/embed/<%= video_series.shift %>' +
|
|
|
|
<% if !video_series.empty? %>
|
|
|
|
'?playlist=<%= video_series.join(",") %>' +
|
|
|
|
<% end %>
|
|
|
|
<% if params.listen != preferences.listen %>
|
|
|
|
'&listen=<%= params.listen %>' +
|
|
|
|
<% end %>
|
|
|
|
<% if params.autoplay || params.continue_autoplay %>
|
|
|
|
'&autoplay=1' +
|
|
|
|
<% end %>
|
|
|
|
<% if params.speed != preferences.speed %>
|
|
|
|
'&speed=<%= params.speed %>' +
|
|
|
|
<% end %>
|
|
|
|
''
|
|
|
|
);
|
2019-04-13 19:26:32 +00:00
|
|
|
});
|
|
|
|
<% end %>
|
|
|
|
</script>
|
2018-07-14 13:36:31 +00:00
|
|
|
</body>
|
2018-08-17 16:04:38 +00:00
|
|
|
</html>
|