diff --git a/sites/custoplayer-docs/docs/components/Volume.mdx b/sites/custoplayer-docs/docs/components/Volume.mdx
index 2040cc7..108e9b5 100644
--- a/sites/custoplayer-docs/docs/components/Volume.mdx
+++ b/sites/custoplayer-docs/docs/components/Volume.mdx
@@ -43,6 +43,7 @@ There are two volumeBar components
width='min(10rem, 100%)'
autoPlay={true}
loop={true}
+ controls
src='https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs%2Fvolume%2FvolumeBar1-demo.mp4'
/>
@@ -52,6 +53,7 @@ There are two volumeBar components
width='min(10rem, 100%)'
autoPlay={true}
loop={true}
+ controls
src='https://custoplayer.nyc3.digitaloceanspaces.com/docs%2Fvolume%2FvolumeBar2-demo.mp4'
/>
diff --git a/sites/custoplayer-docs/docs/preview-tooltip.mdx b/sites/custoplayer-docs/docs/preview-tooltip.mdx
index 23e18f8..86f206a 100644
--- a/sites/custoplayer-docs/docs/preview-tooltip.mdx
+++ b/sites/custoplayer-docs/docs/preview-tooltip.mdx
@@ -35,6 +35,7 @@ Setting `id: "text"` will render a tooltip with the text of the current time whe
@@ -133,6 +135,7 @@ Clicking these buttons should download the jpg file and vtt file for your video.
width='100%'
autoPlay={true}
loop={true}
+ controls
src='https://custoplayer.nyc3.cdn.digitaloceanspaces.com/docs/preview-tooltip/text_and_thumbnail_preview_tooltip.mp4'
/>
@@ -165,13 +168,13 @@ import { Custoplayer } from 'custoplayer';
export default function ThumbnailExample() {
return (
);