diff --git a/docs/docs/help/New-Document/request-signatures.md b/docs/docs/help/New-Document/request-signatures.md
index cde94157f..9ee9885b5 100644
--- a/docs/docs/help/New-Document/request-signatures.md
+++ b/docs/docs/help/New-Document/request-signatures.md
@@ -2,6 +2,7 @@
 sidebar_position: 2
 title: Request signatures
 ---
+import ReactPlayer from 'react-player';
 
 # Request signatures using OpenSign™
 
@@ -181,7 +182,11 @@ The **Access Code** feature in OpenSign adds an extra layer of security to your
 
 6. If the signer enters an incorrect access code, access to the document is denied. The signer must enter the correct **6-digit numeric access code** provided by the document owner to continue.
 
-[![OpenSign Access Code Tutorial](https://img.youtube.com/vi/9kFg_p7TMF0/maxresdefault.jpg)](https://youtu.be/9kFg_p7TMF0)
+<ReactPlayer
+  url="https://youtu.be/9kFg_p7TMF0"
+  controls
+  playing={false}
+/>
 
 ---
 ## Add Widgets for Signers
@@ -307,8 +312,12 @@ Show TextInput1
 
 The configured **TextInput1** widget becomes visible when **either** the Number field equals **10** **or** the Checkbox is checked.
 
-[![How to Use Conditional Logic in OpenSign](https://img.youtube.com/vi/V8j713iG94A/maxresdefault.jpg)](https://youtu.be/V8j713iG94A)                                                   
-
+<ReactPlayer
+  url="https://youtu.be/V8j713iG94A" 
+  controls
+  playing={false}
+/>
+                                               
 ### Related Conditional Logic Guides
 
 The **Text Input** widget also supports Conditional Logic using the following trigger widgets: