video-embed: inject custom CSS

closes #3420

diff --git a/client/src/standalone/videos/embed.html b/client/src/standalone/videos/embed.html
index 908aad940ba3d1fc604b2432bc2842d096fc0b4a..17029ec415ace607e2849044bec6ea634e9db980 100644 (file)
--- a/client/src/standalone/videos/embed.html
+++ b/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>
 

diff --git a/client/webpack/webpack.video-embed.js b/client/webpack/webpack.video-embed.js
index 70141527c18190efa8866e9c64e8ac86fb1571b2..d578443fe925174bfe7e7b4bd6e1c914d66f61e6 100644 (file)
--- a/client/webpack/webpack.video-embed.js
+++ b/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({

diff --git a/server/lib/client-html.ts b/server/lib/client-html.ts
index 43585c591f336f3f7513d2ec8f0691fd12d725a4..6a457a711c98dcdad02cd3f669cc9909542b5c01 100644 (file)
--- a/server/lib/client-html.ts
+++ b/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