video-embed: inject custom CSS

closes #3420

client/src/standalone/videos/embed.html

@@ -8,6 +8,7 @@
     <meta name="robots" content="noindex">
     <meta property="og:platform" content="PeerTube" />
 
+    <!-- custom css tag -->
     <link rel="icon" type="image/png" href="/client/assets/images/favicon.png" />
   </head>
 

client/webpack/webpack.video-embed.js

@@ -122,7 +122,15 @@ module.exports = function () {
         title: 'PeerTube',
         chunksSortMode: 'auto',
         inject: 'body',
-        chunks: ['video-embed']
+        chunks: ['video-embed'],
+        minify: {
+          collapseWhitespace: true,
+          removeComments: false,
+          removeRedundantAttributes: true,
+          removeScriptTypeAttributes: true,
+          removeStyleLinkTypeAttributes: true,
+          useShortDoctype: true
+        }
       }),
 
       new HtmlWebpackPlugin({

server/lib/client-html.ts

@@ -210,6 +210,7 @@ class ClientHtml {
 
     let html = buffer.toString()
     html = await ClientHtml.addAsyncPluginCSS(html)
+    html = ClientHtml.addCustomCSS(html)
 
     ClientHtml.htmlCache[path] = html