Added raw file youtube support as holdover until invidious embed is

viable. This does not help with region locking, but at least allows
age restricted videos with no sign in, doesnt run any google scripts,
and does not run ads.

templates/useroptions.pug

@@ -5,12 +5,12 @@ mixin lcheckbox(id, label)
       .checkbox
         input(type="checkbox", id=id)
 
-mixin rcheckbox(id, label)
+mixin rcheckbox(id, label, title)
   .form-group
     .col-sm-8.col-sm-offset-4
       .checkbox
-        label(for=id)
-          input(type="checkbox", id=id)
+        label(for=id, title=title)
+          input(type="checkbox", id=id,title=title)
           = label
 
 mixin textbox(id, label, placeholder)
@@ -33,7 +33,6 @@ mixin us-general
             option(value="/css/themes/fore.st.css") fore.st
       .col-sm-4
       .col-sm-8
-        p.text-danger Changing layouts may require refreshing to take effect.
       +rcheckbox("us-no-channelcss", "Ignore Channel CSS")
       +rcheckbox("us-no-channeljs", "Ignore Channel Javascript")
       .clear
@@ -55,19 +54,21 @@ mixin us-playback
     form.form-horizontal(action="javascript:void(0)")
       +rcheckbox("us-synch", "Synchronize video playback")
       +textbox("us-synch-accuracy", "Synch threshold (seconds)", "2")
-      +rcheckbox("us-wmode-transparent", "Set wmode=transparent")
-      .form-group
-        .col-sm-4
-        .col-sm-8
-          p.text-info Setting <code>wmode=transparent</code> allows objects to be displayed above the video player, but may cause performance issues on some systems.
+      +rcheckbox("us-wmode-transparent", "Set wmode=transparent", "Allows elements to be placed over the video. May cause a bit of lag on toasters.")
       +rcheckbox("us-hidevideo", "Remove the video player")
       +rcheckbox("us-playlistbuttons", "Hide playlist buttons by default")
       +rcheckbox("us-oldbtns", "Compact playlist buttons")
       +rcheckbox("us-video-orientation", "Show video orientation buttons above player")
       .form-group
-        label.control-label.col-sm-4(for="#us-default-quality") Quality Preference
+        label.control-label.col-sm-4(for="#us-default-quality",title="Will not work automagically on official YT embeds because google are dicks.") Quality Preference
         .col-sm-8
-          select#us-default-quality.form-control
+          select#us-yt-source.form-control(title="YT Embed may not work with all site features.")
+            option(value="vid.puffyan.us") Raw File Link(720p)
+            option(value="OFYT") Official YT Embed
+      .form-group
+        label.control-label.col-sm-4(for="#us-default-quality",title="Will not work automagically on official YT embeds because google are dicks.") Quality Preference
+        .col-sm-8
+          select#us-default-quality.form-control(title="Will not work automagically on officialy YT embeds because google are dicks.")
             option(value="auto") Auto
             option(value="240") 240p
             option(value="360") 360p
@@ -75,10 +76,6 @@ mixin us-playback
             option(value="720") 720p
             option(value="1080") 1080p
             option(value="best") Highest Available
-      .form-group
-        .col-sm-4
-        .col-sm-8
-          p.text-info Due to technical changes on YouTube's side, the CyTube quality preference can no longer be automatically applied on YouTube videos.  See <a href="https://github.com/calzoneman/sync/issues/726" rel="noopener noreferer" target="_blank">this GitHub issue</a> for details.
 
 mixin us-chat
   #us-chat.tab-pane
@@ -89,27 +86,24 @@ mixin us-chat
       +rcheckbox("us-sort-rank", "Sort userlist by rank")
       +rcheckbox("us-sort-afk", "Sort AFKers to bottom")
       +rcheckbox("us-legacy-emote", "Use legacy Cytube emote menu")
-      .col-sm-4
-      .col-sm-8
-        p.text-info The following 3 options apply to how and when you will be notified if a new chat message is received while CyTube is not the active window.
       .form-group
-        label.control-label.col-sm-4(for="#us-blink-title") Blink page title on new messages
+        label.control-label.col-sm-4(for="#us-blink-title",title="Only applies when not active window/tab.") Blink page title on new messages
         .col-sm-8
-          select#us-blink-title.form-control
+          select#us-blink-title.form-control(title="Only applies when not active window/tab.")
             option(value="never") Never
             option(value="onlyping") Only when I am mentioned or PMed
             option(value="always") Always
       .form-group
-        label.control-label.col-sm-4(for="#us-ping-sound") Notification sound on new messages
+        label.control-label.col-sm-4(for="#us-ping-sound",title="Only applies when not active window/tab.") Notification sound on new messages
         .col-sm-8
-          select#us-ping-sound.form-control
+          select#us-ping-sound.form-control(title="Only applies when not active window/tab.")
             option(value="never") Never
             option(value="onlyping") Only when I am mentioned or PMed
             option(value="always") Always
       .form-group
-        label.control-label.col-sm-4(for="#us-notifications") Desktop notifications on new messages
+        label.control-label.col-sm-4(for="#us-notifications",title="Only applies when not active window/tab.") Desktop notifications on new messages
         .col-sm-8
-          select#us-notifications.form-control
+          select#us-notifications.form-control(title="Only applies when not active window/tab.")
             option(value="never") Never
             option(value="onlyping") Only when I am mentioned or PMed
             option(value="always") Always