invidious-mod-JP/src/invidious/views/embed.ecr

105 lines
3.1 KiB
Plaintext
Raw Normal View History

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>
<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 {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}
</style>
2018-07-14 13:36:31 +00:00
</head>
<body>
<%= rendered "components/player" %>
<script>
<% if plid %>
2019-05-02 01:03:39 +00:00
function get_playlist(plid, timeouts = 0) {
if (timeouts > 10) {
2019-05-02 01:03:39 +00:00
console.log('Failed to pull playlist');
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 %>';
} 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 %>';
}
var xhr = new XMLHttpRequest();
2019-05-02 01:03:39 +00:00
xhr.responseType = 'json';
xhr.timeout = 20000;
2019-05-02 01:03:39 +00:00
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() {
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 %>' +
<% 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' +
<% 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 %>' +
<% end %>
2019-05-02 01:03:39 +00:00
''
);
});
}
}
}
2019-05-06 14:48:33 +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-05-02 01:03:39 +00:00
get_playlist('<%= plid %>');
<% 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 %>
''
);
});
<% end %>
</script>
2018-07-14 13:36:31 +00:00
</body>
2018-08-17 16:04:38 +00:00
</html>