Skip to content

Commit fa92e9a

Browse files
AnthonyNahasAnthonyNahas
committed
demo(app): added controls to the videos elements
1 parent bb4d780 commit fa92e9a

File tree

2 files changed

+38
-19
lines changed

2 files changed

+38
-19
lines changed

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

+10-10
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ <h1>Getting Started</h1>
106106
</button>
107107
</div>
108108
<div fxLayout="column" fxLayoutAlign="center">
109-
<video *ngIf="true" autoplay loop>
109+
<video *ngIf="true" controls autoplay loop>
110110
<source
111111
src="../../assets/tutorials/ng_g_appname2.mp4"
112112
type="video/mp4">
@@ -116,7 +116,7 @@ <h1>Getting Started</h1>
116116
<p>waiting......</p>
117117
</div>
118118

119-
<video *ngIf="true" autoplay loop>
119+
<video *ngIf="true" controls autoplay loop>
120120
<source
121121
src="../../assets/tutorials/ng_g_appname_done2.mp4"
122122
type="video/mp4">
@@ -127,7 +127,7 @@ <h1>Getting Started</h1>
127127
and check the project structure.</p>
128128
</div>
129129

130-
<video *ngIf="true" autoplay loop>
130+
<video *ngIf="true" controls autoplay loop>
131131
<source
132132
src="../../assets/tutorials/cd_angularapp.mp4"
133133
type="video/mp4">
@@ -173,7 +173,7 @@ <h1>Getting Started</h1>
173173
</button>
174174
</div>
175175
<div fxLayoutAlign="center">
176-
<video *ngIf="true" autoplay loop>
176+
<video *ngIf="true" controls autoplay loop>
177177
<source
178178
src="../../assets/tutorials/npm_i_material_cdk.mp4"
179179
type="video/mp4">
@@ -199,7 +199,7 @@ <h1>Getting Started</h1>
199199
</button>
200200
</div>
201201
<div fxLayoutAlign="center">
202-
<video *ngIf="true" autoplay loop>
202+
<video *ngIf="true" controls autoplay loop>
203203
<source
204204
src="../../assets/tutorials/npm_i_animations.mp4"
205205
type="video/mp4">
@@ -242,7 +242,7 @@ <h1>Getting Started</h1>
242242
</button>
243243
</div>
244244
<div fxLayoutAlign="center">
245-
<video *ngIf="true" autoplay loop>
245+
<video *ngIf="true" controls autoplay loop>
246246
<source
247247
src="../../assets/tutorials/import_theme.mp4"
248248
type="video/mp4">
@@ -252,7 +252,7 @@ <h1>Getting Started</h1>
252252
<p>Or create your own material theme and import it in the style.css file</p>
253253
</div>
254254
<div fxLayoutAlign="center">
255-
<video *ngIf="true" autoplay loop>
255+
<video *ngIf="true" controls autoplay loop>
256256
<source
257257
src="../../assets/tutorials/import_custom_theme.mp4"
258258
type="video/mp4">
@@ -304,7 +304,7 @@ <h1>Getting Started</h1>
304304
</button>
305305
</div>
306306
<div fxLayoutAlign="center">
307-
<video *ngIf="true" autoplay loop>
307+
<video *ngIf="true" controls autoplay loop>
308308
<source
309309
src="../../assets/tutorials/link_material_design_icons.mp4"
310310
type="video/mp4">
@@ -378,7 +378,7 @@ <h1>Getting Started</h1>
378378
</button>
379379
</div>
380380
<div fxLayoutAlign="center">
381-
<video *ngIf="true" autoplay loop>
381+
<video *ngIf="true" controls autoplay loop>
382382
<source
383383
src="../../assets/tutorials/material_design_icons_self_hosting.mp4"
384384
type="video/mp4">
@@ -418,7 +418,7 @@ <h1>Getting Started</h1>
418418
</button>
419419
</div>
420420
<div fxLayoutAlign="center">
421-
<video *ngIf="true" autoplay loop>
421+
<video *ngIf="true" controls autoplay loop>
422422
<source
423423
src="../../assets/tutorials/npm_i_ngx_material_password_strength.mp4"
424424
type="video/mp4">

‎demo/src/index.html

+28-9
Original file line numberDiff line numberDiff line change
@@ -7,34 +7,53 @@
77
ngx-material-faq
88
</title>
99
<base href=".">
10-
<meta name="description" content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List" />
10+
<meta name="description"
11+
content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List"/>
1112

1213
<!-- Twitter Card data -->
1314
<meta name="twitter:card" content="summary">
1415
<meta name="twitter:site" content="@anthonynahas">
1516
<meta name="twitter:title" content="ngx-material-faq">
1617
<!-- Page description less than 200 characters -->
17-
<meta name="twitter:description" content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List">
18+
<meta name="twitter:description"
19+
content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List">
1820
<meta name="twitter:creator" content="@anthonynahas">
1921
<!-- Twitter Summary card images must be at least 120x120px -->
2022
<meta name="twitter:image" content="https://anthonynahas.github.io/ngx-material-faq/assets/logo.svg">
2123

2224
<!-- Open Graph data -->
23-
<meta property="og:title" content="ngx-material-faq" />
24-
<meta property="og:type" content="article" />
25-
<meta property="og:url" content="https://anthonynahas.github.io/ngx-material-faq" />
26-
<meta property="og:image" content="https://anthonynahas.github.io/ngx-material-faq/assets/logo.svg" />
27-
<meta property="og:description" content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List" />
28-
<meta property="og:site_name" content="ngx-material-faq" />
25+
<meta property="og:title" content="ngx-material-faq"/>
26+
<meta property="og:type" content="article"/>
27+
<meta property="og:url" content="https://anthonynahas.github.io/ngx-material-faq"/>
28+
<meta property="og:image" content="https://anthonynahas.github.io/ngx-material-faq/assets/logo.svg"/>
29+
<meta property="og:description"
30+
content="Angular Library built with material design in order to provide a reusable faq (frequently asked questions) component for every project. Ask, Answer and List"/>
31+
<meta property="og:site_name" content="ngx-material-faq"/>
2932

3033
<meta charset="utf-8">
3134
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
3235
<meta http-equiv="x-ua-compatible" content="ie=edge">
3336
<link rel="icon" type="image/x-icon" href="favicon.ico">
37+
38+
<!-- Global site tag (gtag.js) - Google Analytics -->
39+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114342493-6"></script>
40+
<script>
41+
window.dataLayer = window.dataLayer || [];
42+
43+
function gtag() {
44+
dataLayer.push(arguments);
45+
}
46+
47+
gtag('js', new Date());
48+
49+
gtag('config', 'UA-114342493-6');
50+
</script>
51+
52+
3453
</head>
3554

3655
<body>
37-
<app-root>Loading...</app-root>
56+
<app-root>Loading...</app-root>
3857
</body>
3958

4059
</html>

0 commit comments

Comments
 (0)