Remove hardcoded autoplay from Youtube videos

Projects/Superalgos/Schemas/Docs-Topics/docs-paragraph-styles-017-docs-youtube-video-style.json

@@ -14,13 +14,23 @@
             "style": "Json",
             "text": "videoId (taken from YouTube)"
         },
+        {
+            "style": "Text",
+            "text": "If you wish the video to autoplay, that is, to start playing without user intervention like an animated GIF would, add the following string immediately after the videoId:",
+            "updated": 1616182813822
+        },
+        {
+            "style": "Json",
+            "text": "?rel=0&autoplay=1&mute=1"
+        },
         {
             "style": "Title",
             "text": "Example:"
         },
         {
             "style": "Json",
-            "text": "fO-CHEEVneI"
+            "text": "fO-CHEEVneI\n",
+            "updated": 1616182571265
         },
         {
             "style": "Text",
@@ -32,7 +42,8 @@
         },
         {
             "style": "Success",
-            "text": " To edit a YouTube video found at a Docs page, you need to right click slightly on top of the upper border or the video, not on the video itself.  "
+            "text": "To edit a YouTube video paragraph, right-click slightly above the upper border of the video, not on the video itself.",
+            "updated": 1616182753529
         }
     ]
 }

Projects/Superalgos/Schemas/Docs-Topics/how-to-002-establish-and-remove-references.json

@@ -50,8 +50,8 @@
         },
         {
             "style": "Youtube",
-            "text": "_7Qp8KmNmWU",
-            "updated": 1616097593760
+            "text": "_7Qp8KmNmWU?rel=0&autoplay=1&mute=1",
+            "updated": 1616182407466
         },
         {
             "style": "Text",

Projects/Superalgos/UI/Utilities/Docs.js

@@ -271,7 +271,7 @@ function newSuperalgosUtilitiesDocs() {
         let HTML = ''
 
         HTML = HTML + '<div params="' + text + '" class="docs-youtube-video-container">'
-        HTML = HTML + '<iframe width="830" height="465" src="https://www.youtube.com/embed/' + text + '?rel=0&amp;autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'
+        HTML = HTML + '<iframe width="830" height="465" src="https://www.youtube.com/embed/' + text + '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'
         HTML = HTML + '</div>'
 
         return HTML