diff --git a/index.html b/index.html
index db29066..7c3cdc9 100755
--- a/index.html
+++ b/index.html
@@ -14,6 +14,9 @@
     <script src="sumorobot.js"></script>
 </head>
 <body>
+    <div id="stream">
+        <iframe id="youtube" width="100%" height="100%" src="https://www.youtube.com/embed/A6ygjaTbNRM?autoplay=1" frameborder="0" allowfullscreen></iframe>
+    </div>
     <div id="panel">
         <object type="image/svg+xml" data="logo.svg">
   	       RoboKoding logo
diff --git a/styles.css b/styles.css
index 233efd6..bbd1e7c 100755
--- a/styles.css
+++ b/styles.css
@@ -79,6 +79,15 @@ input.has-error {
     text-align: center;
     background-color: rgba(255, 255, 255, 0.9);
 }
+#stream {
+    z-index: 35;
+    width: 100%;
+    height: 100%;
+    display: none;
+    position: absolute;
+    text-align: center;
+    background-color: rgba(255, 255, 255, 0.9);
+}
 @media screen and (max-width: 1000px) {
     td#blocklyArea {
         width: 99%;
diff --git a/sumorobot.js b/sumorobot.js
index 9a5ccba..1b67430 100755
--- a/sumorobot.js
+++ b/sumorobot.js
@@ -339,6 +339,8 @@ window.onload = function() {
                 updateControlPanel();
                 $("#panel").toggle();
                 break;
+            case 76: // l
+                $("#stream").toggle();
             case 82: // r
                 $("#remote-control").click();
                 break;
