invidious-experimenting/src/invidious/views/embed.ecr

105 lines
3.1 KiB
Plaintext
Raw Normal View History

2018-07-14 19:06:31 +05:30
<!DOCTYPE html>
2019-04-28 19:47:35 +05:30
<html lang="<%= env.get("preferences").as(Preferences).locale %>">
2018-07-14 19:06:31 +05:30
<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 22:27:29 +05:30
#player {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}
</style>
2018-07-14 19:06:31 +05:30
</head>
<body>
<%= rendered "components/player" %>
<script>
<% if plid %>
2019-05-02 06:33:39 +05:30
function get_playlist(plid, timeouts = 0) {
if (timeouts > 10) {
2019-05-02 06:33:39 +05:30
console.log('Failed to pull playlist');
return;
}
2019-05-02 06:33:39 +05:30
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 06:33:39 +05:30
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 06:33:39 +05:30
xhr.responseType = 'json';
xhr.timeout = 20000;
2019-05-02 06:33:39 +05:30
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 06:33:39 +05:30
location.assign('/watch?v=' + xhr.response.nextVideo +
'&list=' + plid +
2019-05-01 10:09:04 +05:30
<% if params.listen != preferences.listen %>
2019-05-02 06:33:39 +05:30
'&listen=<%= params.listen %>' +
<% end %>
2019-05-01 10:09:04 +05:30
<% if params.autoplay || params.continue_autoplay %>
2019-05-02 06:33:39 +05:30
'&autoplay=1' +
<% end %>
2019-05-01 10:09:04 +05:30
<% if params.speed != preferences.speed %>
2019-05-02 06:33:39 +05:30
'&speed=<%= params.speed %>' +
<% end %>
2019-05-02 06:33:39 +05:30
''
);
});
}
}
}
};
xhr.ontimeout = function() {
2019-05-02 06:33:39 +05:30
console.log('Pulling playlist timed out.');
get_playlist(plid, timeouts + 1);
};
}
2019-05-02 06:33:39 +05:30
get_playlist('<%= plid %>');
<% elsif video_series %>
player.on('ended', function() {
2019-05-02 06:33:39 +05:30
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 19:06:31 +05:30
</body>
2018-08-17 21:34:38 +05:30
</html>