link YouTube video

Author: zheng-wang

_docs/en/jms-request.md

@@ -20,6 +20,10 @@ Send action is used to send a JMS message into a queue.
 
 You can do one-way/fire-and-forget style invocation, i.e. send message to queue and done.
 
+<div class="video-container">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/EZzxLVzw-vo?si=GUVb6urvdscrGHxU" 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>
+</div>
+
 You can also do request-reply style invocation, i.e. send message to request queue and receive another message from reply queue. For example:
 
 ![Send Message and Also Receive](../../screenshots/jms/send-message-and-also-receive.png)

_includes/head.html

@@ -15,6 +15,7 @@
 {%- include head/favicon.html -%}
 
 <link rel="stylesheet" href="/assets/css/tabs.css">
+<link rel="stylesheet" href="/assets/css/video-container.css">
 
 {%- include snippets/prepend-baseurl.html path='/assets/css/main.css' -%}
 <link rel="stylesheet" href="{{ __return }}">

assets/css/video-container.css

@@ -0,0 +1,16 @@
+/* Make the video responsive */
+
+.video-container {
+    position: relative;
+    width: 100%;
+    padding-bottom: 56.25%;
+    height: 0;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}