From b3fabd6c9ffbf3507406f854ce8656a75f7d2889 Mon Sep 17 00:00:00 2001
From: Rachel Feinberg <135255868+rachel-feinberg@users.noreply.github.com>
Date: Fri, 12 Apr 2024 12:39:33 -0700
Subject: [PATCH] BD-3002 Fix embedded video in test styling page
---
_docs/_contributing/styling_examples.md | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/_docs/_contributing/styling_examples.md b/_docs/_contributing/styling_examples.md
index 1b341142d05..c65afeeb53e 100644
--- a/_docs/_contributing/styling_examples.md
+++ b/_docs/_contributing/styling_examples.md
@@ -408,15 +408,15 @@ This is a update
{% tab Styling %}
#### Embedded Video/YouTube
Defaults to YouTube embedded.
-{% multi_lang_include video.html id="XY5vFY" source="youtube" %}
+{% multi_lang_include video.html id="9SrKbY4BV2E" source="youtube" %}
#### Embedded Video Right Align
-{% multi_lang_include video.html id="XYuXoKIvFY" align="right" source="youtube" %}
+{% multi_lang_include video.html id="9SrKbY4BV2E" align="right" source="youtube" %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectus tempus tempor. Suspendisse tellus diam, finibus eu dictum non, varius et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectus tempus tempor. Suspendisse tellus diam, finibus eu dictum non, varius et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectus tempus tempor. Suspendisse tellus diam, finibus eu dictum non, varius et ipsum.
#### Embedded Video Left Align
-{% multi_lang_include video.html id="XY5uXvFY" align="left" source="youtube" %}
+{% multi_lang_include video.html id="9SrKbY4BV2E" align="left" source="youtube" %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectus tempus tempor. Suspendisse tellus diam, finibus eu dictum non, varius et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectus tempus tempor. Suspendisse tellus diam, finibus eu dictum non, varius et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectus tempus tempor. Suspendisse tellus diam, finibus eu dictum non, varius et ipsum.
@@ -428,18 +428,20 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec tortor at lectu
{% endtab %}
{% tab Markdown %}
+You'll need the YouTube ID to embed a YouTube video. It appears after `v=` in the URL. For example, `https://www.youtube.com/watch?v=VR1qn1OBP7k` has an ID of `VR1qn1OBP7k`.
+
{% raw %}
```html
-{% multi_lang_include video.html id="[youte_id]" source="youtube" %}
+{% multi_lang_include video.html id="[youtube_id]" source="youtube" %}
```
{% endraw %}
To align right or left, and limit max width to 50% use the `align` parameter = `left` or `right`:
{% raw %}
```html
-{% multi_lang_include video.html id="[ytube_id]" align="left" source="youtube" %}
+{% multi_lang_include video.html id="[youtube_id]" align="left" source="youtube" %}
-{% multi_lang_include video.html id="[youe_id]" align="right" source="youtube" %}
+{% multi_lang_include video.html id="[youtube_id]" align="right" source="youtube" %}
```
{% endraw %}