as requested by Marianne (#5783)

adding Eric's CH video to docs!

docs/docs/reference/olap-engines/clickhouse.md

@@ -4,6 +4,11 @@ description: Power Rill dashboards using ClickHouse
 sidebar_label: ClickHouse
 sidebar_position: 3
 ---
+import LoomVideo from '@site/src/components/LoomVideo'; // Adjust the path as needed
+
+
+<LoomVideo loomId='b96143c386104576bcfe6cabe1038c38' />
+
 
 ## Overview
 
@@ -20,9 +25,11 @@ Rill supports connecting to ClickHouse v22.7 or newer versions.
 
 ## ClickHouse Local vs ClickHouse Cloud
 
-:::
-UPDATE THIS
-:::
+
+import ComingSoon from '@site/src/components/ComingSoon';
+
+<ComingSoon />
+
 
 ## Connection string (DSN)
 

docs/src/components/LoomVideo.js

@@ -1,17 +1,20 @@
 import React from 'react';
 
 export default function LoomVideo({ loomId }) {
-  const url = `https://www.loom.com/embed/${loomId}`;
-
+  // No autoplay, video will start manually by user interaction
+  const url = `https://www.loom.com/embed/${loomId}?autoplay=0&mute=0&hide_owner=true&hide_share=true&hide_title=true`;
+
   return (
-    <div style={{
-      position: 'relative',
-      paddingBottom: '56.25%', // 16:9 aspect ratio
-      height: 0,
-      overflow: 'hidden',
-      maxWidth: '100%',
-      background: '#000'
-    }}>
+    <div
+      style={{
+        position: 'relative',
+        paddingBottom: '56.25%', // 16:9 aspect ratio
+        height: 0,
+        overflow: 'hidden',
+        maxWidth: '100%',
+        background: '#000',
+      }}
+    >
       <iframe
         src={url}
         style={{
@@ -22,9 +25,9 @@ export default function LoomVideo({ loomId }) {
           height: '100%',
         }}
         frameBorder="0"
-        allow="autoplay; fullscreen; picture-in-picture"
+        allow="fullscreen; picture-in-picture"
         allowFullScreen
       ></iframe>
     </div>
   );
-}
+}