Add &start and &end to watch page

src/invidious.cr

@@ -207,6 +207,12 @@ get "/watch" do |env|
     next env.redirect "/"
   end
 
+  video_start = env.params.query["start"]?.try &.to_i
+  video_start ||= 0
+
+  video_end = env.params.query["end"]?.try &.to_i
+  video_end ||= -1
+
   listen = false
   if env.params.query["listen"]? && env.params.query["listen"] == "true"
     listen = true

src/views/watch.ecr

@@ -5,6 +5,7 @@
 <script src="https://vjs.zencdn.net/6.6.3/video.js"></script>
 <script src="https://cdn.sc.gl/videojs-hotkeys/latest/videojs.hotkeys.min.js"></script>
 <script src="https://unpkg.com/silvermine-videojs-quality-selector/dist/js/silvermine-videojs-quality-selector.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/videojs-offset/dist/videojs-offset.min.js"></script>
 <title><%= video.title %> - Invidious</title>
 <% end %>
 
@@ -74,6 +75,11 @@ var player = videojs('player', options, function() {
     }
   });
 });
+player.offset({
+  start: <%= video_start %>,
+  end: <%= video_end %>,
+  restart_beginning: true
+});
 
 function toggle(target) {
     body = target.parentNode.parentNode.children[1];