Frontend: Add timestamp on youtube+embed links

This commit is contained in:
Samantaz Fox 2023-09-14 20:39:46 +02:00
parent ac0c0609bb
commit 792a999386
No known key found for this signature in database
GPG key ID: F42821059186176E
2 changed files with 27 additions and 2 deletions

View file

@ -112,6 +112,21 @@ function addCurrentTimeToURL(url) {
return urlUsed; return urlUsed;
} }
/**
* Timer that updates the timestamp on "watch on youtube" and "embed" links
*/
player.ready(function () {
let elem_watch = document.getElementById('link-yt-watch');
let elem_embed = document.getElementById('link-yt-embed');
let base_url_watch = elem_watch.getAttribute('data-base-url');
let base_url_embed = elem_embed.getAttribute('data-base-url');
setTimeout(() => { elem_watch.setAttribute('href') = addCurrentTimeToURL(base_url_watch); }, 5000);
setTimeout(() => { elem_embed.setAttribute('href') = addCurrentTimeToURL(base_url_embed); }, 5000);
});
var shareOptions = { var shareOptions = {
socials: ['fbFeed', 'tw', 'reddit', 'email'], socials: ['fbFeed', 'tw', 'reddit', 'email'],

View file

@ -112,8 +112,18 @@ we're going to need to do it here in order to allow for translations.
<div class="pure-u-1 pure-u-lg-1-5"> <div class="pure-u-1 pure-u-lg-1-5">
<div class="h-box"> <div class="h-box">
<span id="watch-on-youtube"> <span id="watch-on-youtube">
<a href="https://www.youtube.com/watch?v=<%= video.id %>"><%= translate(locale, "videoinfo_watch_on_youTube") %></a> <%-
(<a href="https://www.youtube.com/embed/<%= video.id %>"><%= translate(locale, "videoinfo_youTube_embed_link") %></a>) link_yt_watch = URI.new(scheme: "https", host: "www.youtube.com", path: "/watch", query: "v=#{video.id}")
link_yt_embed = URI.new(scheme: "https", host: "www.youtube.com", path: "/embed/#{video.id}")
if !plid.nil? && !continuation.nil?
link_yt_param = URI::Params{"plid" => [plid], "index" => [continuation.to_s]}
link_yt_watch = IV::HttpServer::Utils.add_params_to_url(link_yt_watch, link_yt_param)
link_yt_embed = IV::HttpServer::Utils.add_params_to_url(link_yt_embed, link_yt_param)
end
-%>
<a id="link-yt-watch" data-base-url="<%= link_yt_watch %>" href="<%= link_yt_watch %>"><%= translate(locale, "videoinfo_watch_on_youTube") %></a>
(<a id="link-yt-embed" data-base-url="<%= link_yt_embed %>" href="<%= link_yt_embed %>"><%= translate(locale, "videoinfo_youTube_embed_link") %></a>)
</span> </span>
<p id="watch-on-another-invidious-instance"> <p id="watch-on-another-invidious-instance">
<% if env.get("preferences").as(Preferences).automatic_instance_redirect%> <% if env.get("preferences").as(Preferences).automatic_instance_redirect%>