fixed video frame

Proud-Sachinda · Nov 27, 2018 · f457ef2 · f457ef2
1 parent d3d6cba
commit f457ef2
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 14 deletions.
diff --git a/public/assets/Batch_Process.mp4 b/public/assets/Batch_Process.mp4
diff --git a/views/howto.html b/views/howto.html
@@ -61,25 +61,31 @@ <h1 class="w3-xxxlarge w3-animate-bottom">BATCH PROCESSING</h1>
     <!-- Description on how to use the application -->
   	Uploading a file
     <ul style="list-style-type:none">
-      <li>Drag a standard xlsx file for Batch Processing, into the input box.</li>
-      <li>Press the <strong>Upload</strong> button, after placing the xlsx file in the input box.</li>
+      <li>Drag a standard xlsx file outputted by GAMS for Batch Processing, into the input box.</li>
+      <li>Watch the Video below and follow steps at shown </li>
+      <!-- <li>Press the <strong>Upload</strong> button, after placing the xlsx file in the input box.</li>
       <li>If the uploaded file is in the correct format, data will be displayed in the output section.</li>
       <li>Choose the required format for the output, by pressing the <strong>Download As</strong> drop-down list.</li>
-      <li>Click the <strong>Export</strong> button to download the required output.</li>
+      <li>Click the <strong>Export</strong> button to download the required output.</li> -->
     </ul>
 	  </p>
 
     </div>
     </div>
-    <div style="text-align:center">
-      <button id="vidbutton">Play</button>
-      <br><br>
-      <video id="myvid" width="420" >
-        <source src="../Development/assets/Batch Process - Google Chrome 2018_11_27 07_35_26 (online-video-cutter.com).mp4" type="video/mp4">
-          Your browser does not support HTML 5 Video
-      </video>
-    </div>
-    <script>
+    <div class="container" style="margin-top: 10px; padding: 10px">
+        <!-- <div style="text-align:center">
+            <button id="vidbutton">Play</button>
+            <br><br>
+            <video id="myvid" width="420" >
+              <source src="../public/assets/Batch_Process.mp4" type="video/mp4">
+                Your browser does not support HTML 5 Video
+            </video>
+          </div> -->
+
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/k4lBCcLPDoA" 
+    frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    </div> 
+    <!-- <script>
       var pButton = document.getElementById("vidbutton");
       pButton.addEventListener('click', playPause);
 
@@ -93,9 +99,10 @@ <h1 class="w3-xxxlarge w3-animate-bottom">BATCH PROCESSING</h1>
           pButton.innerHTML = "Play";
         }
       }
-    </script>
-    <script src="/js/index.js" type="text/javascript"></script>
+    </script> -->
+
 
 </body>
+<script src="/js/index.js" type="text/javascript"></script>
 </html>