From c384a95e84b9668330bf0c6aec9485d66e9e0927 Mon Sep 17 00:00:00 2001
From: John Pipkin <jpipkin@sumologic.com>
Date: Mon, 16 Dec 2024 09:48:49 -0600
Subject: [PATCH] Add Wistia example to style guide

---
 docs/contributing/style-guide.md | 49 ++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/docs/contributing/style-guide.md b/docs/contributing/style-guide.md
index 6fd3833656..4a0477c8bd 100644
--- a/docs/contributing/style-guide.md
+++ b/docs/contributing/style-guide.md
@@ -1533,6 +1533,8 @@ If you need to use mouse actions to be specific, use:
 
 ## Videos
 
+### YouTube
+
 To embed a YouTube video on a doc:
 
 1. Copy and paste the following code into your page (including the `import Iframe` line).
@@ -1596,3 +1598,50 @@ import Iframe from 'react-iframe';
 
 </TabItem>
 </Tabs>
+
+### Other video types
+
+You can use similar coding to embed videos from other vendors than YouTube. Following is example coding to embed videos from Wistia. 
+
+<Tabs
+  className="unique-tabs"
+  defaultValue="Markdown"
+  values={[
+    {label: 'Markdown', value: 'Markdown'},
+    {label: 'Result', value: 'Result'},
+  ]}>
+
+<TabItem value="Markdown">
+
+```html
+<Iframe url="https://fast.wistia.net/embed/iframe/yebz0v90tx?web_component=true&seo=true&videoFoam=false"
+  width="854px"
+  height="480px"
+  id="wistiaVideo"
+  className="video-container"
+  display="initial"
+  position="relative"
+  allow="autoplay; fullscreen"
+  allowfullscreen
+/>
+```
+
+</TabItem>
+<TabItem value="Result">
+
+<Iframe url="https://fast.wistia.net/embed/iframe/yebz0v90tx?web_component=true&seo=true&videoFoam=false"
+  width="854px"
+  height="480px"
+  id="wistiaVideo"
+  className="video-container"
+  display="initial"
+  position="relative"
+  allow="autoplay; fullscreen"
+  allowfullscreen
+/>
+</TabItem>
+</Tabs>
+
+:::note
+Typically you must include `import Iframe from 'react-iframe';` with the markdown. It is not included in the example above because it was already called in the previous markdown for YouTube.
+:::