Skip to content

Commit 196f408

Browse files
nikitaTaynikitaTay
authored
Embed YouTube videos in different webpages (#1380)
* Changes for EmbedVideos * minor changes for adding title * dummy changes for EasyCLA check
1 parent 3df8b27 commit 196f408

File tree

11 files changed

+51
-12
lines changed

11 files changed

+51
-12
lines changed

‎assets/scss/_grpc.scss

+21
Original file line numberDiff line numberDiff line change
@@ -471,3 +471,24 @@ c - Component (Aware of its content/context...)
471471
height: 100%;
472472
border: 0;
473473
}
474+
475+
.youtube-video-center {
476+
display: flex;
477+
justify-content: center;
478+
}
479+
480+
.youtube-video-center.video-wrapper {
481+
position: relative;
482+
width: 100%;
483+
max-width: 1000px;
484+
padding-top: 56.25%; /* 16:9 Aspect Ratio */
485+
}
486+
487+
.youtube-video-centeriframe {
488+
position: absolute;
489+
top: 0;
490+
left: 0;
491+
width: 100%;
492+
height: 100%;
493+
}
494+

‎content/en/_index.md

+10-1
Original file line numberDiff line numberDiff line change
@@ -49,9 +49,18 @@ health checking and authentication. It is also applicable in last mile of
4949
distributed computing to connect devices, mobile applications and browsers to
5050
backend services.
5151
</section>
52+
<divclass="youtube-video-center">
53+
<div class="video-wrapper">
54+
<iframe
55+
src="https://www.youtube.com/embed/5dMK5OW6WSw"
56+
title="Ten Years of gRPC"
57+
frameborder="0"
58+
allowfullscreen>
59+
</iframe>
60+
</div>
61+
</div>
5262

5363
{{< home/features >}}
5464
{{< home/used-by >}}
5565
{{< home/cncf >}}
56-
5766
</div>

‎content/en/about/_index.md

+2
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@ menu:
1919
<divclass="row">
2020
<divclass="col-12 col-lg-8">
2121

22+
{{< youtube id="5dMK5OW6WSw" class="youtube-video" title="Ten Years of gRPC" >}}
23+
2224
gRPC is a modern open source high performance Remote Procedure Call (RPC)
2325
framework that can run in any environment. It can efficiently connect services
2426
in and across data centers with pluggable support for load balancing, tracing,

‎content/en/docs/guides/_index.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,6 @@ nav_children: pages
66
menu:
77
main: {weight: 3}
88
---
9-
9+
{{< youtube id="sImWl7JyK_Q" class="youtube-video" title="Overview of gRPC" >}}
10+
---
1011
The documentation covers the following techniques:

‎content/en/docs/guides/custom-load-balancing.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: >-
44
Explains how custom load balancing policies can help optimize load balancing
55
under unique circumstances.
66
---
7-
7+
{{< youtube id="G6PRjmXuBG8" class="youtube-video" title="Load Balancing in gRPC" >}}
88
### Overview
99

1010
One of the key features of gRPC is load balancing, which allows requests from
@@ -16,8 +16,6 @@ A gRPC load balancing policy is given a list of server IP addresses by the name
1616
resolver. The policy is responsible for maintaining connections (subchannels)
1717
to the servers and picking a connection to use when an RPC is sent.
1818

19-
{{< youtube id="7LYvl-nr0t8" class="youtube-video" title="gRPC Weighted Round Robin LB Policy" >}}
20-
2119
### Implementing Your Own Policy
2220

2321
By default the `pick_first` policy will be used. This policy actually does no

‎content/en/docs/guides/metadata.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Metadata
33
description: >-
44
Explains what metadata is, how it is transmitted, and what it is used for.
55
---
6-
6+
{{< youtube id="psYQFbPgIOI" class="youtube-video" title="gRPC metadata limits:The Good, The Bad and The Ugly" >}}
77
### Overview
88

99
Metadata is a side channel that allows clients and servers to provide

‎content/en/docs/guides/performance.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Performance Best Practices
33
description: A user guide of both general and language-specific best practices to improve performance.
44
---
5-
5+
{{< youtube id="uQh9ZVGkrak" class="youtube-video" title="gRPC Performance and Testing: a Maintainer Perspective" >}}
66
### General
77

88
* Always **re-use stubs and channels** when possible.

‎content/en/docs/what-is-grpc/_index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@ description: New to gRPC? Start with the following pages
44
weight: 1
55
---
66

7-
{{< youtube id="E3ez34fdC0k" class="youtube-video" title="Overview of gRPC" >}}
7+
{{< youtube id="cSGBbwvW1y4" class="youtube-video" title="Getting started with gRPC" >}}

‎content/en/docs/what-is-grpc/core-concepts.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Not familiar with gRPC? First read [Introduction to gRPC](../introduction/). For
1010
language-specific details, see the quick start, tutorial, and reference
1111
documentation for your language of choice.
1212

13-
{{< youtube id="njC24ts24Pg" class="youtube-video" title="gRPC in 5 minutes" >}}
13+
{{< youtube id="sImWl7JyK_Q" class="youtube-video" title="Overview of gRPC" >}}
1414

1515
### Overview
1616

‎content/en/docs/what-is-grpc/introduction.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@ interchange format. If you’re new to gRPC and/or protocol buffers, read this!
1212
If you just want to dive in and see gRPC in action first,
1313
[select a language](/docs/languages/) and try its **Quick start**.
1414

15+
{{< youtube id="njC24ts24Pg" class="youtube-video" title="gRPC in 5 minutes" >}}
16+
1517
## Overview
1618

1719
In gRPC, a client application can directly call a method on a server application
@@ -32,8 +34,6 @@ create a gRPC server in Java with clients in Go, Python, or Ruby. In addition,
3234
the latest Google APIs will have gRPC versions of their interfaces, letting you
3335
easily build Google functionality into your applications.
3436

35-
{{< youtube id="cSGBbwvW1y4" class="youtube-video" title="getting started with gRPC" >}}
36-
3737
### Working with Protocol Buffers
3838

3939
By default, gRPC uses [Protocol Buffers][], Google’s

‎content/en/showcase/_index.md

+9-1
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,15 @@ find developer stories for your [preferred language](/docs/languages/) on each
6969
</div>
7070

7171
Other developer stories are provided next.
72-
72+
-**Adapting our xDS control plane for proxyless gRPC**
73+
<aclass="o-icon"href="https://youtu.be/gc3kNMvgrHQ"><iclass="fab fa-youtube"></i></a><br>
74+
by Antoine Tollenaere, Datadog
75+
-**Building SpiceDB: a gRPC-first database**
76+
<aclass="o-icon"href="https://youtu.be/v_e2ExQwphQ"><iclass="fab fa-youtube"></i></a><br>
77+
by Jimmy Zelinskie, authzed
78+
-**Enhancing gRPC micro-services**
79+
<aclass="o-icon"href="https://youtu.be/GDJrw36wwWY"><iclass="fab fa-youtube"></i></a><br>
80+
by Holly Casaletto and Yucong Sun, Coinbase
7381
-**[Expedia Group Case Study: Bootiful APIs With GraphQL and Kotlin][Expedia]**,
7482
by [Anton Arhipov](https://blog.jetbrains.com/author/antonarhipov),
7583
[JetBrains](https://www.jetbrains.com/),

0 commit comments

Comments
 (0)
close