From 1a7ed0a981f653c7eba85e57d9914501ade127fe Mon Sep 17 00:00:00 2001
From: James Taylor <user234683@users.noreply.github.com>
Date: Mon, 30 Nov 2020 17:10:11 -0800
Subject: Add box to enter custom video speed
---
youtube/templates/watch.html | 37 +++++++++++++++++++++++++++++++++----
1 file changed, 33 insertions(+), 4 deletions(-)
(limited to 'youtube/templates/watch.html')
diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index b6faf21..36b2198 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -166,10 +166,18 @@
grid-row: 4;
justify-self:end;
}
- .video-info > .download-dropdown{
- grid-column:1 / span 2;
- grid-row: 6;
+ .video-info > .external-player-controls{
+ justify-self: start;
+ grid-row: 5;
+ grid-column: 1;
+ margin-bottom: 8px;
}
+ #speed-control{
+ width: 65px;
+ text-align: center;
+ background-color: var(--interface-color);
+ color: var(--text-color);
+ }
.video-info > .checkbox{
justify-self:end;
align-self: start;
@@ -177,6 +185,10 @@
grid-row: 5;
grid-column: 2;
}
+ .video-info > .download-dropdown{
+ grid-column:1 / span 2;
+ grid-row: 6;
+ }
.video-info > .description{
background-color:var(--interface-color);
margin-top:8px;
@@ -422,6 +434,24 @@ Reload without invidious (for usage of new identity button).</a>
<time datetime="$upload_date">Published on {{ time_published }}</time>
<span class="likes-dislikes">{{ like_count }} likes {{ dislike_count }} dislikes</span>
+
+ <div class="external-player-controls">
+ <input id="speed-control" type="text">
+ <script>
+ var video = document.querySelector('video');
+ var speedInput = document.querySelector('#speed-control');
+ speedInput.addEventListener('keyup', (event) => {
+ if (event.key === 'Enter') {
+ var speed = parseFloat(speedInput.value);
+ if(!isNaN(speed)){
+ video.playbackRate = speed;
+ }
+ }
+ });
+ </script>
+ </div>
+ <input class="checkbox" name="video_info_list" value="{{ video_info }}" form="playlist-edit" type="checkbox">
+
<details class="download-dropdown">
<summary class="download-dropdown-label">Download</summary>
<ul class="download-dropdown-content">
@@ -450,7 +480,6 @@ Reload without invidious (for usage of new identity button).</a>
{% endfor %}
</ul>
</details>
- <input class="checkbox" name="video_info_list" value="{{ video_info }}" form="playlist-edit" type="checkbox">
<span class="description">{{ common_elements.text_runs(description)|escape|urlize|timestamps|safe }}</span>
--
cgit v1.2.3