Add fix to download widget for titles with unescaped characters

assets/js/watch.js

@@ -51,7 +51,8 @@ function hide_youtube_replies(target) {
   target.setAttribute("onclick", "show_youtube_replies(this)");
 }
 
-function download_video(title) {
+function download_video(target) {
+  var title = target.getAttribute("data-title");
   var children = document.getElementById("download_widget").children;
   var progress = document.getElementById("download-progress");
   var url = "";

src/invidious/views/watch.ecr

@@ -75,7 +75,7 @@
                     </div>
                 </div>
 
-                <button type="button" onclick='download_video("<%= video.title.dump_unquoted %>-<%= video.id %>.mp4")' 
+                <button type="button" data-title="<%= video.title.dump_unquoted %>-<%= video.id %>.mp4" onclick="download_video(this)"
                     class="pure-button pure-button-primary">
                     <%= translate(locale, "Download") %>
                 </button>