Skip to content

Fix video embed sizing #1082

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
persis-randolph merged 1 commit into from
Oct 13, 2026
Merged

Fix video embed sizing #1082

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 3 additions & 9 deletions ...n-studio/features/3d-design/parametric-modeling/construction-geometry/helix.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,22 +88,16 @@ Helix creates the 3D curve path. To create actual threaded geometry:
2. Create thread profile sketch (triangular, square, etc.)
3. Use Sweep to carry profile along helix path

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/EgtNfXFnthk"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
12 changes: 3 additions & 9 deletions ...n-studio/features/3d-design/parametric-modeling/construction-geometry/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ are especially useful in multi-step models and assembly-aware workflows.

## Video Walkthrough

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/sfSfQYWW4h0"
title="Offset Plane and Helix in Zoo Design Studio"
Expand All @@ -19,13 +19,7 @@ are especially useful in multi-step models and assembly-aware workflows.
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...cs/zoo-design-studio/features/3d-design/parametric-modeling/sketching/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ dimensions, and prepare closed regions for downstream 3D features.

## Video Walkthrough

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/Xmoc6A0pWoo"
title="Sketch Basics in Zoo Design Studio"
Expand All @@ -20,13 +20,7 @@ dimensions, and prepare closed regions for downstream 3D features.
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...tures/3d-design/parametric-modeling/solid-modeling/boolean-operations/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@ creation, merges, cutaways, and overlap-based modeling workflows.

## Video Walkthrough

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/lkbHEhmGji8"
title="Union, Subtract, and Intersect in Zoo Design Studio"
Expand All @@ -19,13 +19,7 @@ creation, merges, cutaways, and overlap-based modeling workflows.
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...s/3d-design/parametric-modeling/solid-modeling/boolean-operations/intersect.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,22 +36,16 @@ Analyze material overlap in multi-body assemblies:
- Calculate interference fits for press-fit assemblies
- Determine required clearance modifications

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/-uTzBtl76pE"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
24 changes: 6 additions & 18 deletions ...es/3d-design/parametric-modeling/solid-modeling/boolean-operations/subtract.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,44 +6,32 @@ sidebarPosition: 1

Use Subtract to remove one or more tool bodies from target bodies, creating cavities, cutaways, pockets, and negative-space features. Subtract is the primary boolean operation for body-against-body material removal in complex assemblies.

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/b6QxAg09JUs"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>

Material removal.

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/1Aqmm0abGJI"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...tures/3d-design/parametric-modeling/solid-modeling/boolean-operations/union.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,22 +37,16 @@ Union is often used in combination with other boolean operations:
3. Use Subtract to remove unwanted volumes
4. Apply finishing operations (fillets, chamfers) to the unified geometry

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/Vje_zc5AnsY"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
12 changes: 3 additions & 9 deletions ...features/3d-design/parametric-modeling/solid-modeling/create-solids/extrude.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -238,22 +238,16 @@ geometry with `MERGE`.
## Prefer to learn by watching?
If you want to find out more in a different way, check out our video walkthrough:

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/cRb137CzYXQ"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...o/features/3d-design/parametric-modeling/solid-modeling/create-solids/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ shape of a part.

## Video Walkthrough

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/KRYgKR6it60"
title="Extrude, Sweep, Loft, and Revolve in Zoo Design Studio"
Expand All @@ -20,13 +20,7 @@ shape of a part.
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...io/features/3d-design/parametric-modeling/solid-modeling/create-solids/loft.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,22 +120,16 @@ leave this at the default.
## Prefer to learn by watching?
If you want to find out more in a different way, check out our video walkthrough:

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/x0-biMvzV78"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...features/3d-design/parametric-modeling/solid-modeling/create-solids/revolve.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -196,22 +196,16 @@ leave this at the default.
## Prefer to learn by watching?
If you want to find out more in a different way, check out our video walkthrough:

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/akD34Y2fk3w"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
12 changes: 3 additions & 9 deletions ...o/features/3d-design/parametric-modeling/solid-modeling/create-solids/sweep.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,22 +168,16 @@ result looks wrong.
## Prefer to learn by watching?
If you want to find out more in a different way, check out our video walkthrough:

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/ovrVbMHKrCo"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down
24 changes: 6 additions & 18 deletions ...features/3d-design/parametric-modeling/solid-modeling/modify-solids/chamfer.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ sidebarPosition: 1

Use Chamfer to create beveled transitions on edges, providing edge breaks, fastener lead-ins, and simplified manufacturable transitions. Chamfers are easier to manufacture than fillets in some processes and provide functional benefits for assembly operations.

<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/jt5ruyALH1Y"
title="Using the Chamfer Tool"
Expand All @@ -16,13 +16,7 @@ Use Chamfer to create beveled transitions on edges, providing edge breaks, faste
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Expand Down Expand Up @@ -201,22 +195,16 @@ chamfer001 = chamfer(
Want to find out more about the `chamfer` function? [Check it out](/docs/kcl-std/functions/std-solid-chamfer) in our KCL docs.


<div style={{ maxWidth: '800px', margin: '0 auto' }}>
<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%' }}>
<div className="mx-auto w-full max-w-[800px]">
<div className="relative w-full aspect-video">
<iframe
src="https://www.youtube.com/embed/OenyUmr1pZw"
allowFullScreen="allowfullscreen"
mozallowfullscreen="mozallowfullscreen"
msallowfullscreen="msallowfullscreen"
oallowfullscreen="oallowfullscreen"
webkitallowfullscreen="webkitallowfullscreen"
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
}}
className="absolute inset-0 h-full w-full border-0"
/>
</div>
</div>
Loading
Loading