Added plugin videos to guide (#7004)

* added videos to the guide * added videos to the guide * installed react-player * update links * changed react player for youtube embed * removed react-player and docusaurus * fixed comma
web3 · Apr 25, 2024 · 419c8d3 · 419c8d3 · github-actions · Apr 25, 2024
1 parent ed2781f
commit 419c8d3
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/docs/docs/guides/web3_plugin_guide/index.md → docs/docs/guides/web3_plugin_guide/index.mdx b/docs/docs/guides/web3_plugin_guide/index.md → docs/docs/guides/web3_plugin_guide/index.mdx
@@ -276,4 +276,16 @@ class MyPlugin extends Web3PluginBase {
 ```
 :::info
 All web3 config params [here](https://docs.web3js.org/guides/web3_config/)
-:::
+:::
+
+
+## Videos 
+
+### Create your first plugin in 20 minutes!
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/fW1PDApXCtM?si=isocyW7NvWkEuDqG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+
+### Chainlink plugin: web3.js, viem, ethers vs web3 plugin🧩
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/iF_O7ggQaQw?si=8KHqYDWx3JfmbAGZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>