demo(app): added controls for the videos

Author: AnthonyNahas

demo/src/app/getting-started/getting-started.component.html

@@ -106,7 +106,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayout="column" fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/ng_g_appname2.mp4"
                 type="video/mp4">
@@ -116,7 +116,7 @@ <h1>Getting Started</h1>
               <p>waiting......</p>
             </div>
 
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/ng_g_appname_done2.mp4"
                 type="video/mp4">
@@ -127,7 +127,7 @@ <h1>Getting Started</h1>
                 and check the project structure.</p>
             </div>
 
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/cd_angularapp.mp4"
                 type="video/mp4">
@@ -173,7 +173,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/npm_i_material_cdk.mp4"
                 type="video/mp4">
@@ -199,7 +199,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/npm_i_animations.mp4"
                 type="video/mp4">
@@ -242,7 +242,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/import_theme.mp4"
                 type="video/mp4">
@@ -252,7 +252,7 @@ <h1>Getting Started</h1>
             <p>Or create your own material theme and import it in the style.css file</p>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/import_custom_theme.mp4"
                 type="video/mp4">
@@ -304,7 +304,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/link_material_design_icons.mp4"
                 type="video/mp4">
@@ -378,7 +378,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/material_design_icons_self_hosting.mp4"
                 type="video/mp4">
@@ -418,7 +418,7 @@ <h1>Getting Started</h1>
             </button>
           </div>
           <div fxLayoutAlign="center">
-            <video *ngIf="true" autoplay loop>
+            <video *ngIf="true" controls autoplay loop>
               <source
                 src="assets/tutorials/npm_i_ngx_material_password_strength.mp4"
                 type="video/mp4">