Merge pull request #4736 from marcduiker/upgrade-hugo-docsy

Fix embedded Youtube styling

Author: marcduiker

daprdocs/content/en/concepts/overview.md

@@ -9,9 +9,7 @@ description: >
 
 Dapr is a portable, event-driven runtime that makes it easy for any developer to build resilient, stateless, and stateful applications that run on the cloud and edge and embraces the diversity of languages and developer frameworks.
 
-<div class="embed-responsive embed-responsive-16by9">
-  <iframe width="1120" height="630" src="https://www.youtube-nocookie.com/embed/9o9iDAgYBA8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-</div>
+{{< youtube id=9o9iDAgYBA8 >}}
 
 ## Any language, any framework, anywhere
 

daprdocs/content/en/contributing/docs-contrib/contributing-docs.md

@@ -8,7 +8,7 @@ description: Get started with contributing to the Dapr docs
 
 In this guide, you'll learn how to contribute to the [Dapr docs repository](https://github.com/dapr/docs). Since Dapr docs are published to [docs.dapr.io](https://docs.dapr.io), you must make sure your contributions compile and publish correctly.
 
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/uPYuXcaEs-c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+{{< youtube id=uPYuXcaEs-c >}}
 
 ## Prerequisites
 

daprdocs/content/en/developing-applications/building-blocks/actors/actor-reentrancy.md

@@ -175,9 +175,7 @@ func reentrantCallHandler(w http.ResponseWriter, r *http.Request) {
 
 Watch this [video](https://www.youtube.com/watch?v=QADHQ5v-gww&list=PLcip_LgkYwzuF-OV6zKRADoiBvUvGhkao&t=674s) on how to use actor reentrancy.
 
-<div class="embed-responsive embed-responsive-16by9">
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/QADHQ5v-gww?start=674" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-</div>
+{{< youtube id=QADHQ5v-gww start=674 >}}
 
 ## Next steps
 

daprdocs/content/en/developing-applications/building-blocks/actors/actors-overview.md

@@ -24,7 +24,7 @@ Every actor is defined as an instance of an actor type, identical to the way an
 
 [The following overview video and demo](https://www.youtube.com/live/0y7ne6teHT4?si=dWNgtsp61f3Sjq0n&t=10797) demonstrates how actors in Dapr work. 
 
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/0y7ne6teHT4?si=dWNgtsp61f3Sjq0n&amp;start=10797" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+{{< youtube id=0y7ne6teHT4 start=10797 >}}
 
 ## Dapr actors vs. Dapr Workflow
 

daprdocs/content/en/developing-applications/building-blocks/actors/howto-actors-partitioning.md

@@ -190,8 +190,7 @@ In addition, **you can only increase the number of partitions**, not decrease. T
 
 Watch [this video for a demo of actor reminder partitioning](https://youtu.be/ZwFOEUYe1WA?t=1493):
 
-<div class="embed-responsive embed-responsive-16by9">
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ZwFOEUYe1WA?start=1495" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+{{< youtube id=ZwFOEUYe1WA start=1495 >}}
 
 ## Next steps
 

daprdocs/content/en/developing-applications/building-blocks/bindings/bindings-overview.md

@@ -38,7 +38,7 @@ With input bindings, you can trigger your application when an event from an exte
 
 [The following overview video and demo](https://www.youtube.com/live/0y7ne6teHT4?si=wlmAi7BJBWS8KNK7&t=8261) demonstrates how Dapr input binding works. 
 
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/0y7ne6teHT4?si=wlmAi7BJBWS8KNK7&amp;start=8261" title="YouTube video player" style="padding-bottom:25px;" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>  
+{{< youtube id=0y7ne6teHT4 start=8261 >}}
 
 To receive events from an input binding:
 

daprdocs/content/en/developing-applications/building-blocks/bindings/howto-bindings.md

@@ -296,9 +296,7 @@ curl -X POST -H 'Content-Type: application/json' http://localhost:3601/v1.0/bind
 
 Watch this [video](https://www.youtube.com/watch?v=ysklxm81MTs&feature=youtu.be&t=1960) on how to use bi-directional output bindings.
 
-<div class="embed-responsive embed-responsive-16by9">
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ysklxm81MTs?start=1960" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-</div>
+{{< youtube id=ysklxm81MTs start=1960 >}}
 
 ## References
 

daprdocs/content/en/developing-applications/building-blocks/configuration/configuration-api-overview.md

@@ -44,7 +44,7 @@ Want to skip the quickstarts? Not a problem. You can try out the configuration b
 
 Watch [this demo of using the Dapr Configuration building block](https://youtu.be/tNq-n1XQuLA?t=496)
 
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/tNq-n1XQuLA?start=496" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+{{< youtube id=tNq-n1XQuLA start=496 >}}
 
 ## Next steps
 Follow these guides on:

daprdocs/content/en/developing-applications/building-blocks/conversation/conversation-overview.md

@@ -49,7 +49,7 @@ The PII scrubber obfuscates the following user information:
 
 Watch the demo presented during [Diagrid's Dapr v1.15 celebration](https://www.diagrid.io/videos/dapr-1-15-deep-dive) to see how the conversation API works using the .NET SDK.
 
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/NTnwoDhHIcQ?si=37SDcOHtEpgCIwkG&amp;start=5444" 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>
+{{< youtube id=NTnwoDhHIcQ start=5444 >}}
 
 ## Try out conversation
 

daprdocs/content/en/developing-applications/building-blocks/cryptography/cryptography-overview.md

@@ -77,7 +77,7 @@ Want to skip the quickstarts? Not a problem. You can try out the cryptography bu
 
 Watch this [demo video of the Cryptography API from the Dapr Community Call #83](https://youtu.be/PRWYX4lb2Sg?t=1148):
 
-<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/PRWYX4lb2Sg?start=1148" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+{{< youtube id=PRWYX4lb2Sg start=1148 >}}
 
 ## Next steps